Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
关于Vue的更多的详细介绍,还是移步Vue.js官方文档吧。
详细安装步骤如下:
1.安装node.js的Windows版本,https://nodejs.org/en/download/(点击下载node.js)
以我的Windows版本,我选择下载的是64位版本的node.js
下载完成后,直接点击安装,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘(如C:)
2.设置global和cache路径
说明:设置路径能够把通过npm安装的模块集中在一起,便于管理。
在nodejs的安装目录下,新建node_global和node_cache两个文件夹,作者的安装目录为“F:\Nodejs\”
3.安装cnpm
说明:由于许多npm包都是在国外,我们这里用到淘宝的镜像服务器,来对我们依赖的module进行安装
安装命令为:
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.设置系统环境变量
打开环境变量
选择PATH
,再点击·编辑·,在变量值的末尾添加;F:\Nodejs\node_global
(要输入自己所安装的路径)
4.用cnpm安装vue
命令行输入cnpm install vue -g
5.安装vue命令行工具
命令行输入cnpm install vue-cli -g
6.创建工程
在你想要创建工程的目录下新建一个文件夹,我这里是F:\first_vue
在命令行内cd到你新建的文件夹目录下,
然后输入vue init webpack +(你的新建的文件夹名)
vue init webpack first_vue
按指令依次输入即可:
因为author我填的是自己的姓名,所以就马赛克掉啦
7.初始化后文件夹是