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/可看到运行的项目
以上是 vue-cli3构建项目 的全部内容， 来源链接： utcz.com/z/378024.html
