Vue-cli简介
一个官方的脚手架,相当于maven创建项目的骨架。主要功能统一目录结构,本地调试,热部署,单元测试和集成打包
需要环境(cmd操作最好以管理员身份进行)
1.下载node.js
node.js下载地址
注意:下载和电脑匹配的版本
无脑下一步即可
2.确认node.js安装成功
cmd 下输入node -v 显示版本号
cmd 下输入npm -v,打印版本号即可
3.安装Node.js淘宝镜像加速器
npm install cnpm -g
可以在c盘的隐藏目录中查看安装位置C:\Users\Administrator.DESKTOP-QVFPVCV\AppData\Roaming\npm
安装vue-cli
1.在cmd 下输入cnpm install vue-cli -g
2.在cmd 下输入vue list查看用什么模板创建vue项目
创建vue-cli项目
1.cdm下进入想要创建项目的目录下
2.cmd 下输入vue init webpack myvue 创建webpack项目
其中有很多选项,使用默认就行如图
3.cmd下 进入项目myvue中,输入npm install 安装项目的依赖
4.假如有错误会告诉你输入什么cmd命令进行修复,
比如 run npm audit fix
to fix them, or npm audit
for details,cmd下输入npm audit fix即可。
5.cmd 输入 npm run dev 启动项目 ,浏览器访问给的地址可以。错误的为报error。