vue-cli3构建项目

亲手构建vue项目（feel good）：

1. 打开cmd   node -v查看自己电脑是否已经安装node

（1）打印出node版本信息则表示已经安装并成功配置了环境变量；

（2）提示node不是内部命令....有两种情况：

       a)node已经安装，但是环境变量没有配置正确

       b)没有安装node，（去官网下载即可）

2 .配置环境变量

打开高级系统设置——环境变量

（1）新建系统变量（eg:node_path；路径是nodejs的地址）；

（2）找到path变量，在末尾添加（eg：%node_path%）;

3.npm安装脚手架vue-cli

npm i g @vue/cli

4.安装完，打印下vue-cli

vue -V（注意这里大写V）

（1）打印出版本号则继续下面

（2）出现vue不是内部命令.....

a)环境变量配置，在计算机全局搜索vue.cmd,

b)将搜出来的地址添加在path末尾

5. 创建自己的项目

vue create 项目名（eg:vue create vue_demo）

（1）如果选择默认，一直enter下去就可以了，但是最后生成的目录少几个js文件；

（2）选择手动：manually select features（press箭头来选择）；

  1）选择配置项（上下键移动，空格键选中，a键是全选）；

  2）css预处理配置

  3）选择ESLint + Prettier

4）选择语法检查方式，这里选择保存就检测（lint on save）

后面自己配置，配置完后，开始下载一些插件；

【这里需要等一些时间，waiting......】

6. 构建成功，运行

（1）打开项目（eg:cd demo_vue）

（2）运行项目（eg:npm run serve）

7. 打开本地http://localhost:8080/可看到运行的项目