Windows环境搭建Vue开发环境

1.Windows环境搭建Vue开发环境
1.1 安装node.js
1.1.1 [官网下载地址][https://nodejs.org/en/download/]
1.1.2 [历史版本下载地址][https://nodejs.org/en/download/releases/]
1.2 安装过程
1.2.1 安装node.js
第一步：选择下载地址，下载安装包

第二步：双击进行安装，安装地址尽量不要安装在C盘，安装到一个专门的目录下，便于管理

第三步：记得点击Add to PATH，自动添加环境变量，可以在任意目录下使用node_js相关命令

第四步:设置nodejs prefix（全局）和cache（缓存）路径
在nodejs安装路径下，新建node_global和node_cache两个文件夹

第五步：设置缓存文件夹
npm config set cache “D:\vueProject\nodejs\node_cache”
第六步：设置全局模块存放路径
npm config set prefix “D:\vueProject\nodejs\node_global”
第七步：安装cnpm,基于 Node.js 安装cnpm（淘宝镜像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
第八步：设置环境变量
说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径
1、鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出 “系统属性”对话框。
2、修改系统变量PATH

npm config set cache “D:\vueProject\nodejs\node_cache”
npm config set prefix “D:\vueProject\nodejs\node_global”
npm install -g cnpm --registry=https://registry.npm.taobao.org
说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径
1、鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出
“系统属性”对话框。
2、修改系统变量PATH

第九步：设置系统变量(注意是系统变量不是环境变量，位置放错，会导致命令无法使用)
第十步：输入npm -v，查看安装版本，当出现版本号，则说明安装成功
1.2.1 安装Vue
1.2.2 安装vue命令行工具，即vue-cli 脚手架
输入vue -V查看是否下载成功，出现版本号则说明安装成功
3. 初始化项目(使用管理员权限)
cnpm install vue -g
cnpm install vue-cli -g
输入
vue init webpack myproject
语法
vue init ，
：表示模板名称，vue-cli官方为我们提供了5种模板，
webpack-一个全面的webpack+vue-loader的模板，功能包括热加
载，linting,检测和CSS扩展。
webpack-simple-一个简单webpack+vue-loader的模板，不包
含其他功能，让你快速的搭建vue的开发环境。
browserify-一个全面的Browserify+vueify 的模板，功能包括
热加载，linting,单元检测。
browserify-simple-一个简单Browserify+vueify的模板，不
包含其他功能，让你快速的搭建vue的开发环境。
simple-一个最简单的单页应用模板。
：标识项目名称，这个你可以根据自己的项目来起名字。
在搭建项目中会有几个问题，需要配置一下
Project name :项目名称 注意：这里不能使用大写
Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
Author：作者，如果你有配置git的作者，他会读取。
Install vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。
我们这里不需要输入n，如果你是大型团队开发，最好是进行配置。
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具
Karma+Mocha，我们这里不需要，所以输入n。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为
模拟测试，我们这里不需要，所以输入n。
这里就选择npm安装 然后等待下载。。。。
输入npm run dev 启动服务
访问127.0.0.1:808