安装VUE环境

1、https://nodejs.org/en/ 下载&安装node环境【中文版：https://nodejs.org/zh-cn/】

2、以后用git作为node输入命令行的工具【∵ 比cmd友好】

https://gitforwindows.org/安装git

3、桌面右击点‘ Gti Bash Here’，输入‘node -v’，出现版本号则说明node安装成功

4、安装vue-cli脚手架

【vue-cli：帮助我们写好Vue.js基础代码的工具，可以部署代码、目录结构、本地调试、单元测试、热加载】

第一步：安装cnpm：

两种方式选1：

①点击进入淘宝的cnpm网站,里面有详细的配置方法。
②在终端输入：

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后等待，安装成功cnmp。

第二部：用npm 运行命令，安装vue-cli：
在终端输入：npm install vue-cli -g

然后等待，安装成功vue-cli。

5、右击项目目录，点‘Gti Bash Here’

输入【初始化项目】：vue init webpack vue-demo

注意：

①项目名称不能大写，否则会报错。

②部分选项：项目名称/Project name、描述/Project description、作者/Author 等，可填写，或直接回车走默认

③Install vue-router? (Y/n)【Vue路由】输入y并回车

④Use ESLint to lint your code? (Y/n) （ N ）

⑤Pick an ESLint preset (Use arrow keys) （ N ）

⑥Setup unit tests with Karma + Mocha? (Y/n)  【设置端到端测试】（N）

6、回车【系统自动执行：install】

7、cd vue-demo进入项目；

8、npm run dev运行。

浏览器输入：localhost:8080/如下图则成功。