Mac下vue-cli的全局安装和卸载

最新推荐文章于 2024-07-02 19:43:10 发布

原创最新推荐文章于 2024-07-02 19:43:10 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

vueJs 专栏收录该内容

12 篇文章

订阅专栏

查看版本：vue -V

确定是否安装

2.0版本升级

卸载：

1. 首先需要开放用户权限：

sudo chmod -R 777 /usr/local/lib/node_modules/

2. 卸载2.0版本

npm uninstall vue-cli -g

3. vue -V 确定卸载完成

4. 安装3.0版本

npm install -g @vue/cli

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m_uncle

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

脚手架vue-cli和@vue/cli的搭建及区别

qq_37635012的博客

04-14

1万+

vue-cli与@vue/cli vue脚手架版本目前有2,3,4.不管搭建哪个版本的脚手架，首先都需要安装node. node的安装 node的安装我们可以直接去node官网(http://nodejs.cn/)下载安装，node安装完之后，node自带的包管理工具npm也就安装好了，我们win系统直接开始在cmd窗口输入node -v查看node版本号，如下图能看到版本号说明node安装成功:...

vue 脚手架-CLI(官方脚手架)

加金开发

07-24

683

目录： node_modules：依赖包 public：网站的根目录 <%=htmlWebpackPlugin.options.title%>：引擎 src:源文件 -assets：静态支援文件 -components：通用的组件 app.vue:组件 man.js：启动文件、大脑（路由）。领导渲染到index.html -import :导入模块（导入包）不加“./” 是导入node_modules ‘./’：当目录 productio...

参与评论您还未登录，请先登录后发表或查看评论

Mac Vue脚手架vue-cli 安装&卸载

m0_73783485的博客

08-10

929

Vue Mac脚手架安装与卸载和本地安装全局安装及cmd指令

解决 Mac 电脑卸载vue/cli 失败的情况

曈欣的博客

12-31

770

执行之后，会让你输入本机密码，输入后就发现vue/cli版本已经卸载成功了，可以执行下面的命令来检查自己的vue是否已经真的卸载成功。会给出一个路径 /usr/local/bin/vue，这个路径就是存放vue文件的地方，我们进入bin这个文件目录下。但卸载之后，用 vue -V 查看版本，发现还在。先找到 vue/cli 在什么位置，在终端输入下面的命令。这样就卸载成功了，可以安装新的版本了。进入上面的目录后，执行。

Mac｜install vue

WinterSeven的博客

07-02

689

选择系统为mac，安装步骤在终端输入（放文字版在这里～方便复制）如果出现了：run `xcode-select --install` and try again.则安装一下xcode这时候再执行命令就可以了可以看到我们还需要进行下面操作（最后四行），可以选择重启终端或者添加配置，我这里就直接重启终端了再进行下面的安装即可～安装淘宝镜像（可做可不做）安装vue（可以选择2或者3）结果如下：安装webpack-dev-server如果出现。

mac 安装vue全网最详细教程

热门推荐

cuishao

04-29

1万+

1、安装vue：下载安装包，直接安装：下载 | Node.js 中文网查看版本号，检测是否安装成功：npm -v 2、安装cnpm： sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 同样是通过查看版本号查看安装状态：cnpm -v 3、安装vue-cli 脚手架： sudo npm install -g @vue/cli 这个过程比较慢，一直enter键下一步，直到安装成功查看版本号：vue -V 4、创建项

MacBook卸载vue-cli权限

Cheryl的加工厂

10-21

427

执行以下命令 sudo npm uninstall @vue/cli -g

Mac mac@RonjuuMacBook-Air ruoyi-ui % npm run dev > ruoyi@3.8.9 dev > vue-cli-service serve sh: vue-cli-service: command not found

03-14

首先，可能是全局安装的vue-cli版本问题，特别是如果用户之前安装的是vue-cli 2.x，而现在项目使用的是Vue CLI 3或更高版本，这时候需要安装@vue/cli而不是旧的vue-cli。另一个可能性是项目本地的依赖没有正确安装，...

全局已安装'vue-cli的情况下运行项目报错vue-cli-service' 不是内部或外部命令，也不是可运行的程序

01-21

若列表里含有 `@vue/cli` 则表示已经完成全局安装[^3]。 #### 3. 更新 PATH 环境变量有时即使完成了全局安装，由于系统环境变量的原因仍无法识别新加入的命令工具。此时应手动更新系统的 PATH 路径以包含 npm 全局...

Mac之vue cli 2.9.6 卸载与重新安装

2301_77767713的博客

01-11

1110

需要加sudo执行命令, 以管理员身份安装. 否则,会报错.3.检查cli版本号 vue -V。2.重新安装cli.

在Mac下彻底卸载node和npm的方法

01-02

用了nvm进行node版本的管理，还是很方便的，各个版本切换自由切换，但是nvm安装的node是在~/.nvm下的，和之前安装的不在一起，有点儿强迫症的我，就想把之前的给卸载了 homebrew安装的直接一条命令 brew uninstall node 官网下载pkg安装包的一条命令 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 其他路子安装的搞一个脚本，把需要删除的文件，一梭子全干掉内容如下，命名为：uninstallnode.sh #!/bin/

卸载/安装vue-cil 创建运行

qq_37194189的博客

04-14

909

如果失败，就手动下载一个webpack-simple 模板：https://download.csdn.net/download/qq_37194189/87687710。或者进入到 https://github.com/vuejs-templates/ ，选择 webpack-simple 下载到本地。安装完成以后可以输入命令：vue 回车，可以看到针对vue的命令行；或者是否安装成功：vue -V。去运行 vue-cli 安装指令，MAC本用sudo -i 千万注意少用少用少用！

vue3（九）脚手架安装&卸载

2301_76510083的博客

03-03

1501

1.查看全局安装的框架（以下3个命令都可）2.卸载低版本的脚手架。3.卸载高版本的脚手架。

Mac下vue环境搭建

qq_27675083的博客

12-14

1004

本人新手入门，在环境搭建过程中遇到了很多坑，仅以此文纪录步骤，以防日后忘记。一：环境安装 1、Mac系统安装brew 打开终端，运行以下命令：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2、安装node.js brew install nod

macbook删除vue-cli preset

Cheryl的加工厂

08-09

985

如图，在创建项目时，会有预设，如何删除呢？此时我们前往文件夹没有看到.vuerc文件，按住command+shift+. 显示隐藏文件夹打开该文件，清空preset 再次创建项目，只有default preset了

Mac 安装卸载vue-cli教程

有一种人仅仅是认识就很好了的博客

11-09

2345

安装node 下载node：https://nodejs.org/zh-cn/ node环境：很多工具的运行环境 npm：包管理器，用于下载各种第三方库目前npm已和node集成，当安装node后，会自动安装npm 验证安装下载完成后进行安装，安装完成验证安装是否成功。打开终端，输入以下命令，查看node和npm的版本。 node -v npm -v 配置源地址默认情况下，npm安装时会从国外的地址"https://registry.npmjs.org/"进行下载，速度很慢，容易导致安装

Mac vue-cli卸载、安装

qq_43288085的博客

09-15

1461

最近用之前的电脑要创建vue3.0项目 vue create xxx 发现要升级vue-cli 按照步骤要先 npm uninstall -g vue-cli 但是发现，报错，vue -V还是存在并没有卸载成功，用sudo管理员身份卸载 sudo npm uninstall -g vue-cli 这样就可以卸载完成了。接下来就是安装npm install -g @vue/cli会有报错就是用sudo npm install -g @vue/cli 这样就安装成功了。切记！！！切

mac电脑的vue问题

weixin_44545815的博客

08-05

651

mac电脑的vue问题

关于mac上卸载和安装脚手架遇到的问题

m0_52189068的博客

05-07

616

问题来源:使用vue create project失败; vue -V查看了版本,2.9.6,自然无法使用这个命令,3.0版本以上才支持. 于是需要卸载再重装, npm uninstall -g vue-cli 再查看版本发现卸载失败了网上查看类似的问题都说是路径问题,npm文件夹和vue文件夹不一致,我自己用which vue和which npm命令查看一下发现它俩都在一个路径以下,于是排除这个原因有人说是权限问题,需要在npm命令前面加上sudo,在输入电脑密码,最后卸载成功. 注意:.

vue-cli 安装

最新发布

03-25

<think>嗯，用户现在问的是关于vue-cli安装的问题。之前他们遇到了安装@vue/cli-service@3.5.3时webpack-dev-server@3.11.3的错误，现在可能已经解决了那个问题，或者现在想更全面地了解如何正确安装vue-cli。首先，我需要确定用户的需求是什么。他们可能刚接触Vue.js，想要搭建项目环境，或者之前遇到了问题，现在想重新安装。不管怎样，我需要提供一个清晰的安装指南，涵盖不同版本的Vue CLI，因为Vue CLI有2.x、3.x和4+版本，安装方式可能不同。然后，要确保覆盖各种安装方法，包括全局安装、本地安装，以及使用不同包管理器如npm和yarn。用户可能对Node.js环境不熟悉，所以需要提醒他们检查Node.js和npm的版本是否满足要求，尤其是Vue CLI 4+需要Node.js 8.9以上，推荐10+，而Vue CLI 3需要类似的版本。接下来，需要分步骤说明安装过程，包括安装命令、创建项目的步骤，以及常见问题的解决方法。比如权限问题、网络问题，或者依赖冲突。之前用户遇到的webpack-dev-server错误可能是由于版本不兼容，所以在介绍安装时，要提到版本兼容性和如何指定版本。另外，用户可能对Vue CLI的不同版本感到困惑，需要解释Vue CLI 2和Vue CLI 3/4+的区别，以及如何迁移项目。如果用户之前使用的是旧版本，可能需要卸载旧版后再安装新版，这部分也要包含在回答中。还要考虑用户的环境，比如他们是否在国内，可能需要换npm镜像源来加速安装，所以需要给出相应的命令。同时，权限问题在Mac/Linux和Windows上的解决方法不同，需要分别说明。最后，确保回答结构清晰，步骤详细，并提醒用户验证安装是否成功，比如通过vue --version命令检查版本，以及创建新项目时的注意事项，如选择预设配置或手动配置。常见错误的解决方案也需要列出，帮助用户自行排查问题。总结来说，回答需要涵盖安装前的环境准备、不同安装方式、创建项目步骤、常见问题处理以及新旧版本的区别和迁移建议，确保用户能够顺利安装并使用vue-cli开始项目。</think>以下是 **Vue CLI 安装指南**，涵盖常见方法、版本差异及问题解决方案： --- ### **一、Vue CLI 简介** - **作用**：快速搭建 Vue.js 项目脚手架，集成 Webpack、Babel 等工具链。 - **版本区别**： - **Vue CLI 2.x**：旧版，通过 `vue init` 创建项目（逐步淘汰）。 - **Vue CLI 3.x/4.x+**：新版，通过 `vue create` 创建项目（推荐使用）。 --- ### **二、安装前准备** 1. **检查 Node.js 和 npm 版本** - 要求：Node.js ≥ 8.9（推荐 ≥ 12.x），npm ≥ 5.6 或 Yarn。 - 查看版本： ```bash node -v npm -v ``` 2. **卸载旧版 Vue CLI** 若已安装旧版（如 `vue-cli`），需先卸载： ```bash npm uninstall vue-cli -g # 卸载 Vue CLI 2.x npm uninstall @vue/cli -g # 卸载 Vue CLI 3.x+ ``` --- ### **三、安装 Vue CLI** #### **1. 全局安装（推荐）** - **安装最新版**： ```bash npm install -g @vue/cli # 或使用 Yarn yarn global add @vue/cli ``` - **验证安装**： ```bash vue --version ``` #### **2. 指定版本安装** 若需兼容旧项目，可安装特定版本： ```bash npm install -g @vue/cli@3.12.1 # Vue CLI 3.x npm install -g @vue/cli@4.5.15 # Vue CLI 4.x ``` --- ### **四、创建 Vue 项目** #### **1. 使用 Vue CLI 3+/4+** ```bash vue create my-project # 按提示选择配置（Babel、Router 等） cd my-project npm run serve # 启动开发服务器 ``` #### **2. 使用 Vue CLI 2.x（旧版）** 需额外安装 `@vue/cli-init`： ```bash npm install -g @vue/cli-init vue init webpack my-project # 旧版模板 ``` --- ### **五、常见问题解决** #### **1. 安装失败：权限不足** - **Mac/Linux**： ```bash sudo npm install -g @vue/cli # 或修复权限 sudo chown -R $(whoami) ~/.npm ``` - **Windows**：以管理员身份运行命令行。 #### **2. 网络超时或镜像问题** 切换淘宝镜像源： ```bash npm config set registry https://registry.npmmirror.com # 或临时指定镜像 npm install -g @vue/cli --registry=https://registry.npmmirror.com ``` #### **3. 版本冲突** - **错误示例**：`Error: Cannot find module 'webpack-dev-server'` - 原因：Vue CLI 依赖的 `webpack-dev-server` 版本与本地环境冲突。 - 解决： ```bash # 删除 node_modules 和 lock 文件后重装 rm -rf node_modules package-lock.json npm install ``` --- ### **六、升级 Vue CLI** 1. 全局更新到最新版： ```bash npm update -g @vue/cli ``` 2. 检查版本： ```bash vue --version ``` --- ### **七、新旧版本差异** | 特性 | Vue CLI 2.x | Vue CLI 3+/4+ | |---------------------|-------------------------------|---------------------------------| | 项目初始化命令 | `vue init webpack` | `vue create` | | 配置文件位置 | 显式 `webpack.config.js` | 隐藏于 `node_modules`，通过 `vue.config.js` 覆盖 | | 插件系统 | 无 | 支持插件扩展（如 `@vue/cli-plugin-router`） | --- ### **八、总结** - **推荐使用 Vue CLI 4+**：功能更完善，生态兼容性好。 - **优先全局安装**：简化命令行操作，适合频繁创建新项目。 - **遇到依赖问题**：清理缓存、锁定版本或切换包管理工具。若仍存在问题，请提供具体错误日志，以便进一步诊断！