目录
0.为什么要安装Vue CLI脚手架
1.配置方法
1.全局安装 (一次)
2.查看Vue版本(一次)
报错:出现禁止运行脚本
3.创建项目架子(可多次)
报错npm err!
问题:已知npm换过国内源,且进度条满,但出现类似卡住不动的情况
4.启动项目(可多次)
补充:npm run serve / yarn serve 命令原理
2.目录文件及项目运行流程
0.为什么要安装Vue CLI脚手架
需要一个工具生成标准化配置,vue官方提供的一个全局命令工具,集成webpack,内置babel等工具,且十分标准化。
1.配置方法
1.全局安装 (一次)
npm i @vue/cli -g
(图示因为安装好了,所以出现了更新包的提示)
2.查看Vue版本(一次)
vue --version
出现版本号即为成功安装
报错:出现禁止运行脚本
输入 set-ExecutionPolicy RemoteSigned
根据提示选择A即可
3.创建项目架子(可多次)
vue create project-name
回车提交后可选择项目环境
报错npm err!
powershell没有开管理员
问题:已知npm换过国内源,且进度条满,但出现类似卡住不动的情况
不要急,耐心等待五六分钟即可^_^
4.启动项目(可多次)
npm run serve
根据第3部的提示继续操作即可
补充:npm run serve / yarn serve 命令原理
如图,默认生成的package.json文件中定义serve为启动命令,若serve改为dev,则命令启动则为npm run dev / yarn dev