vue-cli如何升级到最新版本

最新推荐文章于 2024-09-26 08:23:03 发布
最新推荐文章于 2024-09-26 08:23:03 发布
阅读量2.7k 收藏 1
点赞数
分类专栏： 前端 html 文章标签： vue.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67392409/article/details/123368315
版权
本文介绍了如何将vue-cli从低版本升级到4.5.0以上的步骤，包括遇到的npm update命令报错，通过卸载并手动删除相关文件，再重新安装成功升级到4.5.11版本的过程。
摘要由CSDN通过智能技术生成

vue-cli如何升级到最新版本

想用vue-cli脚手架创建vue3.0项目学学，要求vue cli 版本在 4.5.0 以上，
vue --version查看了下vue-cli版本
@vue/cli 4.1.1发现版本低了，于是就想着升级一下，官网上看了下说：

在这里插入图片描述

npm update -g @vue/cli运行了下，结果报错了，

在这里插入图片描述
运行vue --version 显示
‘vue’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。

运行卸载 vue-cli 的命令：

npm uninstall -g @vue/cli
还是报错
在这里插入图片描述
手动删除报错信息中对应的文件 jsesc.cmd 和 jsesc 和jsesc.ps1

 D:
odejs
ode_global
ode_modules@vuecli
ode_modules_apollo-
最低0.47元/天 解锁文章
m0_67392409
关注
专栏目录
vue-cli3项目升级到vue-cli4 的方法总结
10-15
主要介绍了vue-cli3项目升级到vue-cli4 的方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
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如何升级版本
最新发布
alankuo的专栏
09-26 1310
1. 首先，确定你的项目当前使用的 Vue 版本。可以在项目的 package.json 文件中查看 "dependencies" 或 "devDependencies" 下的 "vue" 的版本号。2. 查看 Vue 的官方文档，了解新版本的变化和可能需要进行的调整。1. 在本地进行全面的测试，确保项目的功能和性能在升级后没有受到影响。3. 修复可能出现的错误，例如语法变化、API 变更等。在进行升级之前，最好对项目进行备份，以防出现意外情况。2. 确定你想要升级到的目标 Vue 版本。
【Vue】更新Vue CLI （Vue脚手架）版本
pompom86的博客
09-28 3816
Vue CLI （Vue脚手架）升级问题
mac下vue-cli从2.9.6升级到最新版本
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
11-15 1588
解决在mac下vue-cli从2.9.6版本升级到最新版本的问题
vue-cli版本更新
liaowei_49的博客
01-14 3447
通过webpack 创建vue项目。安装 vue-cli。卸载 vue-cli。
Vue-cli版本的升级以及安装
qq_45773423的博客
10-15 645
Vue-cli版本的升级以及安装 文章目录Vue-cli版本的升级以及安装1. vue-cli的安装及版本查看更新2. vue-cli4的安装与使用：创建一个项目： 1. vue-cli的安装及版本查看更新 1. vue版本的查看 ```js vue -V ``` vue-cli的安装 npm install vue-cli -g vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的
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中主要写了什么东东（主要...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
升级vue-cli/vue版本
胡一可
10-18 5352
1.输入卸载命令，卸载旧版本 npm uninstall vue-cli -g 2.重新全新安装 npm install -g @vue/cli 3.输入vue -v查询版本 输入之后发现并不是内部处理命令。。。 4.于是我回头把npm升级到最新版本 npm install -g npm 5.升级vue-cli，第一次升级失败。又第二次升级，成功！ npm update -g @vue/cli 5.查询版本vue--version ...
Vue CLI 升级到Vue CLI3，以及升级后创建项目
julili_1989的博客
07-25 2135
1、Vue CLI 3 和老版本的 Vue ClI 创建的项目方式是不一样的，创建项目的用法是一样的。Vue CLI 3 在项目编译速度上面做了一些优化。Vue CLI3需要安装nodejs的高版本，推荐8.11.0+高版本 。 2、检查本机是否已经安装了Vue CLI，如果已经安装了Vue CLI，需要先通过npm uninstall vue-cli -g 或者 yarn global rem...
如何安装、更新、卸载vueCli教程
LP'S Blog
03-05 2276
全局安装vue-cli，在cmd中输入命令:npm install --global vue-cli；安装指定版本：npm install --location=global @vue/cli@版本号。
vue-cli版本号始终是2.9.6，以及升级到最新版本办法
zhaoyan_love的博客
10-29 7760
问题描述 遇到一种情况，就是使用vue --version 查看版本始终是2.9.6，安装命令是npm install @vue/cli ,按理说是最新版本，但是还是显示旧版，使用vue create 【项目名称】 提示是要卸载脚手架在安装，但是安装后还是2.9.6. 原因 其实导致这个原因是从vue-cli 3.0版本开始原来的npm install -g vue-cli 安装的都是旧版，最高到2.9.6，安装新版必须是新的命令npm install -g @vue/cli 这就导致了，如果我们再2.9.
如何升级vue版本？从vue2升级到vue3解决方法
热门推荐
weixin_74266825的博客
11-30 1万+
提供vue2升级到vue3的解决方案，提供简单的vue3创建工程的示例
vue-cli4升级到vue-cli5过程记录
鹏多多的博客
08-25 4328
本文主要分享vue-cli从4.x升级到5.x的过程，以及更新后的变化。
vue项目cli2 升级 cli3
生如夏花S的博客
12-29 3002
由于vue-cli2 版本太低，升级到vue-cli3采用的方法是新建cli3项目，对比差异，在cli2项目单独升级。
vue-cli升级webpack版本
06-02
要升级 Vue CLI 中使用的 webpack 版本，可以按照以下步骤进行操作： 1. 确认当前项目使用的 Vue CLI 版本。可以使用 `vue --version` 命令查看。 2. 升级 Vue CLI 版本。可以使用以下命令进行全局升级： ``` npm install -g @vue/cli ``` 或者，在项目根目录下使用以下命令进行本地升级： ``` npm install @vue/cli ``` 3. 如果需要升级 webpack 版本，可以在项目根目录下创建一个 `vue.config.js` 文件，并在文件中添加以下配置： ```javascript module.exports = { configureWebpack: { resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' } } } } ``` 这将强制 Vue CLI 使用最新版本的 webpack 和 vue-loader。 4. 如果你需要更细粒度的控制，可以使用 `chainWebpack` 配置来自定义 webpack 配置。在 `vue.config.js` 文件中添加以下代码： ```javascript module.exports = { chainWebpack: config => { // ...your webpack config here } } ``` 在 `config` 对象中可以对 webpack 配置进行更改和扩展，例如修改 loaders、添加 plugins 等。 注意，升级 webpack 版本可能会导致一些 Vue CLI 插件失效或出现兼容性问题。在升级之前，建议先备份项目，并进行充分的测试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值