vue-cli3安装升级，创建项目

安装vue-cli3之前要先安装node.js以及npm或者cnpm，未安装的可查看教程https://blog.csdn.net/qq_36986067/article/details/107768841

以下的是vue-cli3的安装

1.如果先安装了vue-cli2 ，要先卸载，命令为

cnpm uninstall vue-cli -g

或

npm uninstall vue-cli -g

2.安装命令

cnpm install -g @vue/cli

注：目前最新版是4，此命令安装完的cli版本是4，但是兼容3，所以不影响

启动vue-cli3图形界面：

vue-cli3相比2所没有的就是图形界面，在控制台输入vue ui可以开启图形界面

3.命令行创建项目

vue create test1

第一行是之前创建项目的模板（第一次创建项目不会出现）

第二行是默认，选择这个选项后面一路回车就行了

第三行是手动选择

我们按方向键选择第三个 

---

注意，空格键是选中与取消，A键是全选
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。

我们这里选择babel和router，然后回车

---

选择y

---

方向键选择 package.json

 

---

选择y，回车，然后等待生成（卡住了可以按CTRL+C终止，再从头执行）

---

安装结束,然后按照提示输入命令

---

安装成功，在浏览器输入http://localhost:8080/可出现项目首页

到此创建成功

如何在IDEA打开vue项目看这里https://blog.csdn.net/qq_36986067/article/details/107768841