卸载vuecli2安装vuecli3，创建vuecli3项目具体步骤

管理员权限下执行

1，yarn使用

安装yarn npm install -g yarn

查看yarn版本 yarn -v

yarn安装vue yarn add vue

yarn安装固定vue版本 yarn add [email protected]

yarn升级vue版本 yarn upgrade vue @3.2.2

yarn 移出vue yarn remove vue

yarn 安装所有依赖 yarn install

2.yarn安装

可以使用下列任一命令安装这个新的包：

yarn global add @vue/cli

你还可以用这个命令来检查其版本是否正确：

vue --version
或者（大写的V）
vue -V

3.安装脚手架vuecli3时卸载不掉vuecli2

运行卸载命令之后，报以下错误
   npm uninstall vue-cli -g--卸载

然后vue -V，版本号一直都在，说明没有卸载掉。

最终解决办法
执行全局卸载命令:

1.卸载全局 

 npm uninstall vue-cli -g

2.删调.npmrc文件：
npm config ls -l 可以查看文件位置：userconfig = “C:\Users\Administrator\.npmrc”

3.删调vue原始文件：

黑窗口运行命令：where vue,找到当前安装位置，找到文件，删掉

4.vue -V，提示vue非命令操作，说明已经卸载vue-cli2

5.安装新版：
npm install -g @vue/cli OR yarn global add @vue/cli

4.创建vue项目test-app

1.创建项目

 vue create test-app

2.选择Manually

指向的vuecli3是因为上一次记录过的cli3配置，第一次执行create是没有的
按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了

3.选择配置，看个人项目需求
注意，空格键是选中与取消，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 测试。

4.择3.x，回车

5.选择no,回车

 6.后面都默认回车，这个是询问是否创建一个新的项目

7.装好后，启动
cd my-project // 进入到项目根目录
npm run serve // 启动项目

具体操作图

 

进入项目后，创建界面快捷键 vbase-3-ts