windows下vue.js开发环境搭建教程

1. 安装node.js，下载链接：http://nodejs.cn/download/      安装过程是一直点击下一步即可安装完成。
2. 查看安装好的nodejs版本和npm包，打开命令行工具，输入node -v,就会出现相应的版本号，再输入npm -v,就会出现npm的版本信息。npm包管理器是集成在node当中的。npm的全称Node Package Manager,另外install是安装的意思。
3. 安装cnpm(由于npm有些资源被屏蔽或者是国外资源的原因，经常导致用npm安装依赖包的时候失败，所以需要npm的国内镜像---cnpm)。在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待，直到安装完成。
4. 获取到cnpm以后，我们需要升级一下（因为安装vue需要npm的版本大于3.0.0 ，所以我们需要升级），输入cnpm install cnpm -g
5. 安装vue,输入命令cnpm install vue
6. 安装vue-cli脚手架构建工具。在命令行中运行命令 cnpm install --global vue-cli ，然后等待安装完成。
   
7. 此时vue的环境就搭建好了。
8. 接下来就可以使用vue-cli来构建我们自己的项目。首先我们要选定一个目录来保存我们的项目，可以随便选个，比如 E:\vue，就是我选择的安装路径，找到路径后，输入 vue init webpack "项目名称"（我的项目名称是firstVue）。解释一下这个命令，这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。其中firstVue是整个项目文件夹的名称，这个文件夹会自动生成在你指定的目录中。
   
9. 运行初始化命令的时候会让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。
   
10. 成功以后，我们进入项目所在的目录 cd "项目所在的文件夹”（也就是firstVue）,然后输入cnpm install，再输入cnpm run dev
11. 成功后我们进入浏览器。看到如下界面
12. 如果你看到了这个页面，恭喜你，vue项目搭建成功。