欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue-cli 3

程序员文章站 2022-03-28 15:12:14
...

一、旧版本

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的
vue-cli (1.x 或 2.x),你需要先卸载它。

查看你是否有安装旧版的Vue CLI

  • 你可以通过在终端执行vue --version来确认你是否安装了旧版的Vue CLI**
  • 如果你使用yarn作为包管理工具,你还可以通过yarn global dir命令查看yarn全局安装的模块位置,再cd进入目录。查看node_modules或者直接cat package.json来确认你是否安装了旧版本
  • 如果你使用的是npm作为包管理工具,并且使用了nvm作为node的管理工具。那么你可以进入~/.nvm/versions/node/v你使用的node版本号/lib/node_modules来确认你是否安装了旧版本(ps:使用nvm ls查看你当前使用的node版本)

如果你安装了旧版本
通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

二、安装新版本

首先请确认你的node版本是否符合要求
Vue CLI 需要node.js 8.9 或更高版本 (推荐 8.11.0+)。
同样的,推荐使用nvm作为node.js版本管理工具,并使用nvm ls && nvm use vxx.xx设置版本

可以使用以下任意命令安装

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装完成后通过vue --version来检查其版本是否正确 (3.x)

~ vue --version
3.5.1

三、创建一个应用

使用vue create xxxxx命令创建一个vue-cli应用