天道酬勤,学无止境

Can't install Vue CLI? (MacOS)

Hey so I'm trying to install Vue via npm (sudo npm install -g @vue/cli) and I just get a bunch of warnings and errors and I can't really make sense of it and have no idea why its happening...

npm WARN deprecated request@2.88.2: request has been deprecated, see [`https://github.com/request/request/issues/3142`](https://github.com/request/request/issues/3142)
npm WARN deprecated resolve-url@0.2.1: [`https://github.com/lydell/resolve-url#deprecated`](https://github.com/lydell/resolve-url#deprecated)
npm WARN deprecated urix@0.1.0: Please see [`https://github.com/lydell/urix#deprecated`](https://github.com/lydell/urix#deprecated)
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.

/usr/local/bin/vue -> /usr/local/lib/node_modules/@vue/cli/bin/vue.js
> fsevents@1.2.13 install /usr/local/lib/node_modules/@vue/cli/node_modules/fsevents`
> node install.js
gyp WARN EACCES current user ("nobody") does not have permission to access the dev dir "/Users/jamesecroyd/Library/Caches/node-gyp/12.18.0"
gyp WARN EACCES attempting to reinstall using temporary dev dir "/usr/local/lib/node_modules/@vue/cli/node_modules/fsevents/.node-gyp"
gyp WARN install got an error, rolling back install
gyp WARN install got an error, rolling back install
gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue/cli/node_modules/fsevents/.node-gyp'
gyp ERR! System Darwin 18.7.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /usr/local/lib/node_modules/@vue/cli/node_modules/fsevents
gyp ERR! node -v v12.18.0
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok

Anyone have any idea why this is happening? I have installed and uninstalled Vue multiple times, no luck...

评论

Use NPM's --unsafe-perm flag:

sudo npm install -g @vue/cli --unsafe-perm

Or switch to a Node version manager (e.g., nvm or n), which avoids these issues.

Fixed my Mac install this way:

  1. Uninstalled vue cli first.

sudo npm uninstall -g @vue/cli

  1. Re-installed with added switch to deal with file access issue. Which gives some warnings, but no errors.

sudo npm install -g @vue/cli --unsafe-perm

  1. Also then, installed the dependency in the warning that printed out at the very end of the install in Step 2.

sudo npm install -g vue@3.0.0-rc.9

After step 3, a "vue --version" command prints "@vue/cli 4.5.4" at this point, but it would do that previously.

So for a real test, I created a new project in the vue ui, which took much longer (30+ seconds) than my original first project created after the original troubled vue cli install.

And that new project works! -- I clicked "serve" in the Tasks window, can see a clean build in the Output window, and the demo page loads at http://localhost:8080/ like it supposed to! Welcome to Your Vue.js App, etc...

i had the same problem just run this command

sudo npm uninstall -g @vue/cli

first check you have installed npm and node

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • electron+vue开发跨平台桌面应用
    前言: 因为工作需要,研究electron和vue项目的结合使用,这里来将整理资料分享下 官网地址:入口 前提条件: 安装并应用了vue的脚手架,搭建了一个项目 ,教程入口 使用方法:(网速不好的小伙伴请直接看1.2) 一、安装electron 1.1、自动安装electron(不建议,这步是网上摘抄的,我用的是1.2手动的): vue add electron-builder——————(安装electron) 在安装过程中,很可能会卡在这一步不动了: node ./download-chromedriver.js 配置选项,选择Electron的版本 ? Choose Electron Version (Use arrow keys) ^4.0.0 ^5.0.0 > ^6.0.0——————(这里选择electron的6.0版本) ***安装完成后,查看项目的目录结构,会自动在src目录下生成background.js并修改了package.json。 1.2、手动安装electron (1)修改package.json,添加以下7行: "scripts": { + "electron:build": "vue-cli-service electron:build", + "electron:serve": "vue-cli-service electron:serve", +
  • 【已验证】vue-cli3 + electron项目打包成桌面客户端
    前言 很多前端项目需要PC端,vue项目打包结合electron非常方便 vue项目及打包就不再多说,一般大家都会将打包好的文件指向dist文件目录,下面就以此条件进行解说 项目安装依赖 npm i -D electron@latest npm i -D electron-packager 打包客户端 在打包vue后的dist文件夹下增加electron.js和package.json 打包后 通过快捷键就可以打开调试模式 ctrl + shift + l 或者启动就开启调试窗口 如果不需要就注释掉 解开这行注释 mainWindow.webContents.openDevTools() electron.js // Modules to control application life and create native browser window const electron = require('electron') const path = require('path') const app = electron.app const BrowserWindow = electron.BrowserWindow const globalShortcut = electron.globalShortcut //快捷键 // Keep a global reference of
  • Vue实战之Vue CLI 脚手架
    Vue CLI 脚手架 14.1 什么是CLI 命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。也有人称之为字符用户界面(CUI) 14.2 什么是Vue CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)。 14.3 Vue CLI优势 通过 vue-cli 搭建交互式的项目脚手架。bootstrap css js jquery js 通过执行命令方式下载相关依赖 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发 vue页面 vuejs vuerouter axios(一条命令) 一个运行时依赖 (@vue/cli-service),该依赖: 可升级; 一条命令 基于 webpack 构建,并带有合理的默认配置; webpack 项目打包方式 编译好的项目源码===>部署到服务器上直接使用 可以通过项目内的配置文件进行配置; 默认配置文件,通过修改默认配置文件达到自己想要的项目环境 可以通过插件进行扩展。 vue v-charts elementui 一个丰富的官方插件集合
  • 找不到相关命令(Command not found)
    问题 一直在努力启动我的第一个 vue 项目,并正在寻找一些帮助。 我在我的系统上同时更新了 npm 和 node,但不断遇到同样的问题。 我的步骤: 1.) npm install npm WARN mbasile@1.0.0 无说明在 0.095 秒内更新 2.) npm install vue npm WARN mbasile@1.0.0 无描述 + vue@2.5.16 在 0.951 秒内更新了 1 个包 这就是事情变得时髦的地方? 3.) npm install -g @vue/cli 终端响应: npm 错误! 路径 /Users/mbasile/.npm-global/lib/node_modules//node_modules/.bin npm 错误! 代码 EACCES npm 错误! 错误号 -13 npm 错误! 系统调用 rmdir npm 错误! 错误:EACCES:权限被拒绝,rmdir '/Users/mbasile/.npm-global/lib/node_modules//node_modules/.bin' npm 错误! { 错误:EACCES:权限被拒绝,rmdir '/Users/mbasile/.npm-global/lib/node_modules//node_modules/.bin' npm 错误! 原因: npm 错误! {
  • 找不到相关命令(Command not found)
    问题 一直在努力启动我的第一个 vue 项目,并正在寻找一些帮助。 我在我的系统上同时更新了 npm 和 node,但不断遇到同样的问题。 我的步骤: 1.) npm install npm WARN mbasile@1.0.0 无说明在 0.095 秒内更新 2.) npm install vue npm WARN mbasile@1.0.0 无描述 + vue@2.5.16 在 0.951 秒内更新了 1 个包 这就是事情变得时髦的地方? 3.) npm install -g @vue/cli 终端响应: npm 错误! 路径 /Users/mbasile/.npm-global/lib/node_modules//node_modules/.bin npm 错误! 代码 EACCES npm 错误! 错误号 -13 npm 错误! 系统调用 rmdir npm 错误! 错误:EACCES:权限被拒绝,rmdir '/Users/mbasile/.npm-global/lib/node_modules//node_modules/.bin' npm 错误! { 错误:EACCES:权限被拒绝,rmdir '/Users/mbasile/.npm-global/lib/node_modules//node_modules/.bin' npm 错误! 原因: npm 错误! {
  • 搭建 vue + electron 坏境
    Vue与Electron开发环境的简易搭建 前期准备 全局安装 vue-cli yarn global add @vue/cli # or npm install -g @vue/cli 了解Electron的渲染进程与主进程。 新建一个Vue项目 运行 vue create app 对项目进行初始配置 在项目根目录下建立一个vue.config.js文件,并在其中写入: module.exports={ publicPath:'./', // productionSourceMap:false, // filenameHashing:false } // 后两者可加可不加 现在再次运行: npm run build 你应该可以通过生成的dist文件夹下的index.html文件看到默认的网页。 引入Electron 运行: yarn add electron --dev #or npm install electron --save--dev 完成后,在项目根目录中建立main.js文件,并在其中写入: // Modules to control application life and create native browser window const {app, BrowserWindow} = require('electron') // Keep a global
  • vue-cli4 + Electron打包成桌面程序
    首先,完成了一个名为‘demo1’的vue-cli4项目,在根目录下创建一个vue.config.js文件: module.exports = { runtimeCompiler:true, publicPath: './' //主要要这个玩意 } 在项目根目录下新建 preload.js,内容可以为空 主要用来在创建桌面窗口前定义一些window全局变量。可根据项目自行定义。如:window.isElectron = true 在项目中进行判断是否为桌面程序打开,可以调用electron的一些api 接下来 git clone https://github.com/electron/electron-quick-start.git得到electron-quick-start cd electron-quick-start npm install npm start 执行成功后如图: 然后在demo1项目中执行npm install electron-packager --save-dev npm install electron --save-dev 注意: 如果npm install electron --save-dev执行太久可以尝试如下方法 去以下链接下载electron-v6.0.12-darwin-x64.zip和SHASUMS256.txt https:/
  • 如何解决 npm install 在非 MAC 操作系统上抛出 fsevents 警告?(How to solve npm install throwing fsevents warning on non-MAC OS?)
    问题 在npm install命令上抛出以下警告 - npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\rea ct-scripts\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@ 1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"} ) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\ch okidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@ 1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"} ) 该警告显然导致我们的
  • Node、Vue、React开发环境搭建
    Node、Vue、React开发环境搭建 系统:macOS 10.13.6 参考文档:https://www.runoob.com/nodejs 安装nodejs 下载nodejs 官网下载地址:https://nodejs.org/en/ 对于大多数开发者,建议下载LTS版本的nodejs 安装 一路next就好,最后记住如下 Nodejs和npm的安装路径就可以了 验证 终端输入 node -v和npm -v显示版本号就代表安装成功 基本概念 Node.js是是什么 Node.js是一个基于Chrome V8引擎的运行环境,使用了一个[事件驱动、非阻塞式I/O模型, 让JavaScript 运行在[服务端的开发平台 Npm是什么 ​ npm其实是Node.js的包管理工具。因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某 个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开 发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。更重要的是,如 果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管 理起来。否则,靠我们自己手动管理
  • 【学习笔记】Part2·前端工程化实战--开发脚手架及封装自动化构建工作流(二、脚手架工具)
    【学习笔记】Part2·前端工程化实战–开发脚手架及封装自动化构建工作流(一、工程化概述) 【学习笔记】Part2·前端工程化实战–开发脚手架及封装自动化构建工作流(二、脚手架工具) 【学习笔记】Part2·前端工程化实战–开发脚手架及封装自动化构建工作流(三、自动化构建 – 主Grunt) 【学习笔记】Part2·前端工程化实战–开发脚手架及封装自动化构建工作流(三、自动化构建 – 主Gulp) 脚手架工具 脚手架工具概要常用的脚手架工具Yeoman 简介Yeoman 基础使用Sub GeneratorYeoman 使用步骤总结自定义 Generator创建 Generator 模块根据模板创建文件接收用户输入Vue Generator 案例发布 GeneratorPlop 简介Plop 的基本使用脚手架的工作原理 脚手架工具概要 在对前端工程化的整体有了初步的认识之后,顺着一个项目的开发过程,先从脚手架开始去探讨前端工程化在创建环节中的表现。 脚手架的本质作用:创建项目基础结构、提供项目规范和约定 通常开发相同类型的项目时都会有一些相同的地方: 相同的组织结构相同的开发范式相同的模块依赖相同的工具配置相同的基础代码 这样一来呢,就会出现在搭建新项目时有大量的重复工作来做,脚手架工具就是来解决这样的一个问题的。 我们可以使用脚手架工具快速搭建属于特定类型的项目骨架
  • Building deeply nested html with vue-cli takes forever
    I found that vue-cli (2.9.6, but 3.0.0 beta* has the same issue) 's building process takes forever once the template's html gets relativelly deep. For example, I just added some divs to App.vue which is pre-included: <template> <div id="app"> <img src="./assets/logo.png"> <div><div><div><div></div></div></div></div> <HelloWorld/> </div> </template> which doesn't take so long. But once it gets this: <template> <div id="app"> <img src="./assets/logo.png"> <div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div></div></div></div
  • vuex 中的 this.$store undefined
    因为我是angular转的vue,第一次使用vuex的时候,照着文档写,打印this.$store 显示的是一直是 undefined 百思不得琪姐。。先把代码贴出来: 百度了很多,遇到这种问题的人,都是各种奇葩的原因,最后转一个博客里面,仔细看了别人的写法;原来转store.js里面,得这样写: 我的vue版本: System: OS: macOS 10.14.3 CPU: (4) x64 Intel(R) Core(TM) i5-7267U CPU @ 3.10GHz Binaries: Node: 10.15.3 - /usr/local/bin/node Yarn: 1.15.2 - /usr/local/bin/yarn npm: 6.4.1 - /usr/local/bin/npm Browsers: Chrome: 73.0.3683.86 Firefox: Not Found Safari: 12.0.3 npmPackages: @vue/babel-helper-vue-jsx-merge-props: 1.0.0-beta.3 @vue/babel-plugin-transform-vue-jsx: 1.0.0-beta.3 @vue/babel-preset-app: 3.5.1 @vue/babel-preset-jsx: 1.0.0-beta.3
  • macOS下vue-devtools的安装
    macOS下vue-devtools的安装 从github克隆devtools : https://github.com/vuejs/vue-devtools#vue-devtools 打开terminal cd到合适的文件夹,克隆devtools项目: git clone https://github.com/vuejs/vue-devtools.git 然后cd 到克隆下来的vue-devtools目录下,先切换到master目录下:git checkout master -f(如有必要先切换到root: sudo -s) 下载依赖包: cnpm install ; 编译: cnpm run build 最后打开chrome->更多工具->扩展程序(打开开发者模式)->加载已解压的扩展程序(选择vue-devtools>shells>chrome) 来源:https://blog.csdn.net/weixin_45390651/article/details/108718769
  • deepin同时安装vue-cli2 和vue-cli3
    deepin同时安装vue-cli2 和vue-cli3OC 安装nodejs,这里不介绍了 直入主题 先安装vue cnpm install vue 安装vue-cli2,在nodejs/bin目录下,新建一个文件夹vue,进入执行下面的命令 cnpm install vue-cli 安装完成后, 在nodejs/bin/vue目录下,会生成node_modules文件夹, 进入找到一个格式为_vue-cli@版本@vue-cli的文件夹,进入*在bin目录下,有一些名字是vue-的文件设置软连接 sudo ln -s /usr/local/node文件夹名/bin/vue/node_modules/_vue-cli@2.9.6@vue-cli/bin/vue /usr/local/bin/vue-cli2 sudo ln -s /usr/local/node文件夹名/bin/vue/node_modules/_vue-cli@2.9.6@vue-cli/bin/vue-init /usr/local/bin/vue-cli2-init sudo ln -s /usr/local/node文件夹名/bin/vue/node_modules/_vue-cli@2.9.6@vue-cli/bin/vue-build /usr/local/bin/vue-cli2-build sudo
  • VUE(一)-安装vue-cli2和vue-cli3脚手架并创建项目
    一.安装nodejs 进入nodejs官网:http://nodejs.cn/download/ 下载后双击安装即可查看是否安装完成,win+R -> cmd - > 回车 ,输入如下命令 (貌似不用配置环境变量,如果输入如下命令提示“...不是内部命令...”,请配置环境变量) 二.安装vue-cli2脚手架 1.了解npm与cnpm npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)cnpm:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以用淘宝的镜像替代国外服务器。使下载更快。 两种方式二选一即可 2.npm 方式安装 指定镜像服务器 命令"npm -install -g vue-vli" 安装vue-cli脚手架时,因为网络原因(服务器国外的),可能安装失败。我们可通过淘宝镜像安装 方法一 输入命令:npm install -gd express --registry=http://registry.npm.taobao.org 方法二 1.设置npm的下载位置为淘宝镜像,命令 npm config set registry http://registry.npm.taobao.org (还原地址:npm config set registry http://registry
  • vue-cli2/3/4的区别
    这里写目录标题 1、安装、卸载2、项目创建3、项目结构4、项目启动 1、安装、卸载 vue-cli2: 全局安装:npm install -g vue-cli 或 cnpm install -g vue-cli 卸载:npm uninstall -g vue-cli 或 cnpm uninstall -g vue-cli vue-cli3: 全局安装:npm install -g @vue/cli@版本号 或 cnpm install -g @vue/cli@版本号 卸载:npm uninstall -g @vue/cli@版本号 或 cnpm uninstall -g @vue/cli@版本号 注:原cli3的安装指令为@vue/cli,因为cli4的出现同样使用了@vue/cli,所以想要安装3的版本,就需要在@vue/cli后面加上@版本号(例:npm install -g @vue/cli@3.11.0)。 查看版本号:https://github.com/vuejs/vue-cli/blob/dev/CHANGELOG.md#. vue-cli4: 全局安装:npm install -g @vue/cli 或 cnpm install -g @vue/cli 卸载:npm uninstall -g @vue/cli 或 cnpm uninstall -g @vue/cli
  • 13. Vue CLI脚手架
    一. Vue CLI 介绍 1. 什么是Vue CLI? Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性。 CLI的全拼是Command-Line Interface, 命令行界面, 俗称脚手架 它是一个专门为单页面应用快速搭建繁杂的脚手架,可以轻松的创建新的应用程序,而且可用于自动生成vue和webpack的项目模板。 如果开发大型项目, 我们必然需要使用Vue CLI Vue CLI为我们提供了清晰的代码目录结构, 项目结构、部署, 热加载,单元测试等功能。可以提高开发者的工作效率。 2. Vue CLI依赖的环境 依赖NodeJS和NPM: 安装nodeJS, 默认会安装NPM, NodeJs的版本通常要在8.9以上。 NPM的全称是: Node Package manager 。node包的管理和分发工具 国内npm有时很慢, 可以安装cpnm镜像, 这是一个淘宝npm镜像。 使用淘宝定制的cnpm命令行工具替代默认的npm工具 npm install -g cnpm --registry=https://registry.npm
  • 13. Vue CLI脚手架
    一. Vue CLI 介绍 1. 什么是Vue CLI? Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性。 CLI的全拼是Command-Line Interface, 命令行界面, 俗称脚手架 它是一个专门为单页面应用快速搭建繁杂的脚手架,可以轻松的创建新的应用程序,而且可用于自动生成vue和webpack的项目模板。 如果开发大型项目, 我们必然需要使用Vue CLI Vue CLI为我们提供了清晰的代码目录结构, 项目结构、部署, 热加载,单元测试等功能。可以提高开发者的工作效率。 2. Vue CLI依赖的环境 依赖NodeJS和NPM: 安装nodeJS, 默认会安装NPM, NodeJs的版本通常要在8.9以上。 NPM的全称是: Node Package manager 。node包的管理和分发工具 国内npm有时很慢, 可以安装cpnm镜像, 这是一个淘宝npm镜像。 使用淘宝定制的cnpm命令行工具替代默认的npm工具 npm install -g cnpm --registry=https://registry.npm
  • vue-cli脚手架安装及创建项目-解决npm安装依赖失败问题
    vue-cli脚手架的安装 1、安装nodejs: 版本越高越好(6.0以上版本),最好安装最新版本。(别问为啥,自己试!) 2、npm全局安装vue-cli脚手架: ** ①npm i -g vue-cli npm指令安装vue-cli脚手架,安装指令为vue-cli时,安装的是vue CLI2.9.6版本 ②cnpm i -g vue-cli cnpm(淘宝镜像)指令安装vue-cli脚手架,安装的是vue CLI2.9.6版本 ③npm i -g @vue/cli npm指令安装vue-cli脚手架,安装指令为@vue/cli时,安装的是vue CLI3.0版本 ④cnpm i -g @vue/cli cnpm指令安装vue-cli脚手架,安装指令为@vue/cli时,安装的是vue CLI3.0版本 ⑤npm指令安装依赖失败: 报错:A complete log of this run can be found in 解决:更新至最新版本nodejs 指令:npm i npm -g(npm全局更新) cnpm i npm -g(cnpm淘宝镜像更新) 建议使用cnpm淘宝镜像更新,比较稳定,下载速度更快。 ** 3、创建vue项目 **: ①Vue CLI2.9.6版本创建项目(不支持vue create指令): 第一步:创建一个项目文件夹 第二部:cd指令进入项目文件夹
  • vue脚手架vue-cli的卸载和安装
    若电脑之前已经安装过vue-cli了,但是版本过低,比方说当前vue-cli的版本为2.9.6,然后我想升级到vue-cli的最新版本4.0.5,则需要将旧版本卸载,然后再重新安装@vue/cli。 vue-cli:vue3.0之前版本使用此名称 @vue/cli:vue3.0之后版本包括3.0版本使用此名称 以下列举npm和yarn指令的方式: 卸载指令: //卸载3.0之前的版本 npm uninstall -g vue-cli yarn global remove vue-cli //卸载3.0之后的版本(可以统一使用此指令卸载) npm uninstall -g @vue/cli yarn global remove @vue/cli 安装最新版本: npm install -g @vue/cli 或者 yarn global add @vue/cli 查看所有版本号: //查询3.0之前的版本 npm view vue-cli versions --json //查询3.0之后的版本 npm view @vue/cli versions --json 安装指定版本: //安装2.9.6版本 npm install -g vue-cli@2.9.6 yarn global add vue-cli@2.9.6 //安装3.0.3版本 npm install -g @vue