vue-cli3/4的安装与使用
- 如果安装过vue-cli2,需要先卸载掉
npm uninstall vue-cli -g
- 安装vue-cli3/4
npm install @vue/cli -g
- 创建一个项目
vue create 项目名
- 配置项目
a.default (babel,eslint) (默认配置)
b.Manually select features (自定义配置)
自定义配置:
Babel (必选)
TypeScript(项目中使用ts开发的话,就勾选)
Progressive Web App (PWA) Support (接口缓存,优化项目)
Router (路由)
Vuex (状态管理)
CSS Pre-processors (css预处理器,一般都需要)
Linter / Formatter (代码格式,一般默认选中,可以不用)
Unit Testing (代码测试)
E2E Testing(需求界面测试)
根据自己的配置进行Y/N选择
选择之后通过npm run serve 运行项目
运行时默认浏览器自动打开
- 找到package.json文件
- 找到配置项 scripts
- 找到配置项serve
- 加个字段 “serve”: “vue-cli-service serve --open”
