如何卸载vue-cli2 安装vue-cli3

闪电小飞侠.

已于 2023-10-13 15:42:27 修改

阅读量532

点赞数

文章标签： vue

于 2020-09-08 15:45:29 首次发布

本文链接：https://blog.csdn.net/lxyxfx/article/details/108470280

版权

如何卸载vue-cli2 安装vue-cli3
vue-cli3 创建

一般先卸载 vue-cli2 npm uninstall vue-cli -g

vue-V 查看

安装vue-cli3

npm install -g @vue/cli-init

当然这时候会有人想那我之前vue2.0的项目怎么办？不用急，vue官网给了一个版本之前的桥接工具npm install -g @vue/cli-init

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

闪电小飞侠.

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue CLI 3（一）——从卸载Vue CLI 2开始搭建新VUE项目并同时使用Vue CLI 2

JENIFURS的博客

11-02

1万+

Vue CLI 3问世后，因为公司项目紧张，一直没有机会学习。在项目上线后，本人终于抽出时间来自学一下。下面记录本人从卸载Vue CLI 2更新Vue CLI 3开始，一步步搭建VUE项目，并同时能用Vue CLI 2 启动Vue CLI 2搭建的项目。注：本人电脑MAC。一、卸载Vue CLI 2，安装Vue CLI 3： 1.关于旧版本： Vue CLI 的包名称由 vue-cl...

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

m0_61169066的博客

03-09

3399

1，yarn使用安装yarn npm install -g yarn 查看yarn版本 yarn -v yarn安装vue yarn add vue yarn安装固定vue版本 yarn add vue@3.0.0 yarn升级vue版本 yarn upgrade vue @3.2.2 yarn 移出vue yarn remove vue yarn 安装所有依赖 yarn install ...

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

卸载vue2，安装vue3

leetteel

07-24

1767

安装vue脚架

vue2 卸载 uninstall vue-meta 报错 up to date, audited 1389 packages in 10s 96 packages are looking for

完备创新

04-14

1万+

vue2 卸载 uninstall vue-meta 报错 up to date, audited 1389 packages in 10s 96 packages are looking for

【真正解决，保姆级教程】vue2.x.x版本一直卸载不了，更新成新版本，狂踩坑，终于解决了

spechier的博客

07-17

757

【真正解决】vue2.x.x版本一直卸载不了，更新成新版本，狂踩坑，终于解决了

vue-cli中安装方法(图文详细步骤)

01-21

脚手架是指通过输入简单指令帮助你快速搭建好一个基本环境的工具。 vue-cli 是vue.js的脚手架，用于快速自动生成vue.js+webpack的项目模板，这样大大...3、执行cnpm install vue-cli -g 全局安装运行vue查看安装是

vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件

05-30

vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的用法在你的 vue-cli 创建的项目中安装插件，如果没有请...

vue-cli2与vue-cli3在一台电脑共存的实现方法

10-16

这里使用了`@vue/cli`作为包名来区别Vue CLI2，而且Vue CLI3是全局安装，所以使用了`-g`参数。安装完成后，同样需要在`.bin`文件夹中找到命令。为了在使用时能更容易地区分两个版本，可以将两个版本的Vue CLI的可...

vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目

05-11

:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠...

vue-cli系列之vue-cli-service整体架构浅析

12-07

vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...

vue3.0 使用卸载vue2.0

周家大小姐

08-28

2950

当安装vue3.0的时候会发现出现了提示解决方法;卸载vue2.0再安装3.0 npm uninstall -g vue-cli 查看vue版本 vue -V 安装vue3.0 npm install -g @vue/cli

卸载vue2.0并升级vue_cli3.0的实例讲解

栗少的博客

07-18

1991

在本篇文章里小编给大家整理的是关于卸载vue2.0并升级vue_cli3.0的实例内容，需要的朋友们可以学习参考下。今天来学习vue3.0，之前使用的是vue2.0现在用3.0的话你可以升级，也可以卸载再重装.我这里就是卸载重装啦。第一步我们卸载全局的vue2.0 。你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。卸载完之后你可以使用vue -V 或者 vue -version在命令行输入来查看有无vue 一般...

安装vue2，然后卸载安装vue3

m0_46882417的博客

07-21

3097

https://nodejs.org/zh-cn/download/ 下载node.js安装重启电脑，命令行运行： node -v查看版本安装nodejs会同时安装一个npm 使用npm安装cnpm，安装完后 cnpm -V 查看cnpm版本。 cnpm安装完后，查看版本会有很多内容，不报错不用管通过npm安装yarn ：npm install -g yarn 查看yarn版本：yarn -V 安装vue脚手架 npm install -g @vue/cli vue -V 启动项目 D:vu

vue2.0移除或更改的一些东西

曩昔方的博客

08-28

812

一、vue2.0移除了$index和$key 虽然说现在很多文章说他们的代码是vue2.0版本的，但是有一些仔细一看，发现并不全是2.0版本，有些语法还是1.0的版本，比如这个$index,$key，这两个压根就不是2.0的写法，2.0早就把这两个给删除了，我们先来看看之前的列表渲染是怎么写的 {{$index}}--{{$key}} exp

cli vue 卸载_VUE | VUEcli2与VUEcli3的对比

weixin_40009472的博客

01-10

118

每 / 日 / 知 / 识 / 课 / 堂V U EVUE-cli2与VUE-cli3的对比一次相遇，终身相伴在学社的日常学习中，经常有小伙伴遇到各种问题，今天又是哪些问题呢，让小胖丁带你走进半圆“每日知识”小课堂吧。项目目录结构可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同： 1. vue-cli3移除了配置文件目录：config 和 build 文件夹，增加...

解决Vue2.9.x卸载不掉，更新不了Vue3问题（亲测）

你我皆是黑马

09-15

1007

解决Vue2.9.x卸载不掉，更新不了Vue3问题（亲测）

Vuecli2卸载不了解决方法

lijingdan123123的博客

11-11

800

遇到一个Vuecli2脚手架卸载不了的问题，查了许多资料说的都比较复杂，问题如下：一条命令解决强制卸载vuecli2 npm uninstall vue-cli -g --force //强制卸载vuecli2 安装的命令 npm install vue-cli -g //这样安装就是最新版本了 ...

卸载不干净vue

这个人很懒，什么都没留下

04-11

784

查看C:\Users\Administrator\AppData\Roaming\npm\node_modules下是否有vue-cli，@vue，删除它。重新查看vue版本，提示’vue’ 不是内部或外部命令，也不是可运行的程序或批处理文件，此时可安装新版本。如果提示vue路径问题，表示第2步中你没删干净。查看C:\Users\Administrator\AppData\Roaming\npm下是否有npm相关文件，删除。

如何升级vue版本？从vue2升级到vue3解决方法

最新发布

03-30

### 如何从项目中卸载或移除 Vue2 要从项目中完全卸载或移除 Vue2，可以按照以下方法操作： #### 1. **全局范围卸载 Vue** 如果之前通过 `npm` 或其他包管理工具全局安装了 Vue CLI 或 Vue 版本，可以通过以下命令将其卸载： ```bash npm uninstall -g vue ``` 这会删除全局范围内安装的 Vue 命令及其关联文件[^3]。 #### 2. **局部范围卸载 Vue** 对于特定项目中的 Vue 依赖项，可以在该项目目录下运行以下命令来卸载 Vue 及其相关模块： ```bash npm uninstall vue ``` 此命令仅会影响当前项目的 `node_modules` 文件夹以及 `package.json` 和 `package-lock.json` 中的相关条目。 #### 3. **清理残留配置** 即使卸载了 Vue，仍需检查并手动清除可能存在的残余配置文件。这些文件通常位于以下几个位置： - **`package.json`**: 删除与 Vue 相关的所有字段（如 `"dependencies"` 和 `"devDependencies"` 下的 Vue 条目）。 - **Webpack 配置**: 如果使用 Webpack 构建工具，请打开 `webpack.config.js` 并确认未引入任何 Vue 插件或加载器[^4]。示例代码片段展示如何修改 Webpack 配置以去除 Vue 加载器： ```javascript const path = require('path'); module.exports = { entry: { app: path.resolve(__dirname, './src/index.js'), }, output: { path: path.resolve(__dirname, './dist'), filename: 'bundle.js', }, }; ``` #### 4. **验证卸载状态** 完成上述步骤后，可通过以下方式验证 Vue 是否已被成功移除： - 使用 `npm list vue --depth=0` 检查本地项目是否有 Vue 存在。 - 执行 `vue --version` 测试全局环境是否存在 Vue CLI 工具链[^2]。 --- ### 注意事项 - 若项目中有多个版本的 Vue 被同时引用，则需要逐一排查并彻底清理所有相关依赖关系。 - 对于大型复杂工程，在执行卸载前建议备份整个工作区以防数据丢失。