Vue.js - 将vue-cli2升级成vue-cli4教程（附：使用vue-cli4创建项目）
作者：hangge | 2021-11-08 08:10
1，卸载 vue-cli2
（1）使用 vue -V 命令检查是否已经安装过 vue-cli2：
（2）是的话先执行如下命令将其卸载：
npm uninstall vue-cli -g
2，安装 vue/cli4
（1）执行如下命令安装 vue-cli：
npm install @vue/cli -g
（2）安装后使用使用 vue -V 命令检查版本：
3，创建项目
（1）vue/cli4 通过 vue create 命令创建项目：
vue create qk_main
（2）接着会询问是使用默认配置还是手动配置，这里我选择手动配置，回车：
（3）使用空格勾选需要的配置项，回车：
（4）选择 Vue.js 的版本，回车：
（5）是否使用路由的 history 模式，是的话回车：
（6）选择要用的预处理语言，选择后回车：
（7）接着选择代码检查规范：
- ESLint with error prevention only：只进行报错提醒
- ESLint + Airbnb config：不严谨模式
- ESLint + Standard config：正常模式
- ESLint + Prettier：严格模式
（8）选择代码检测的时机，这里选择在保存代码时检测：
（9）然后选择将单独配置的文件放到 pakage.json 还是放在单独的文件，这里选择单独的文件即可：
（10）接着会询问是否把以上设置过的预设配置保存起来，这里不需要，输入 n 回车：
（11）最后选择使用哪个下载依赖，选择后回车就开始创建项目了。
（12）项目创建完毕后，进入如下项目文件夹执行如下命令即可启动：
npm run serve
全部评论（0）