关于升级vue-cli3.0踩坑记录

最新推荐文章于 2025-06-01 09:01:47 发布
置顶 最新推荐文章于 2025-06-01 09:01:47 发布
阅读量2.5k 收藏 5
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Vue 前端工具 日常记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35036255/article/details/88397445
在学习@vue/cli 3.x API时，升级到vue-cli3.0遇到了诸多问题，包括Node.js版本、安装路径错误、npm命令失效等。解决方法包括更新Node.js，修改全局安装路径，调整npm配置，以及处理cnpm命令的可用性。最终成功安装并能通过vue create创建项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近在学@vue/cli 3.x API，升级vue-cli3.0最新版本的时候遇到很多坑，绕了很多弯。查了很多资料，最终解决。记录一下遇到的问题，以防以后再次发生。

1.升级@vue/cli 3.x 需要安装node.js最新版本。卸载重新安装。我这里安装的是node.js10.15.1
在这里插入图片描述
卸载了vue-cli2.X版本

npm uninstall vue-cli -g //卸载vue-cli旧版本

安装

npm install -g @vue/cli

一直安装失败。在命令窗口vue+回车后发现没安装上。

尝试执行npm install -g vue-cli安装旧版本也安装失败。估计跟版本升级有关。

于是重新安装淘宝npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

以为这下可以了吧~~

然而再次安装@vue/cli依旧失败。。。。。

在这里插入图片描述

百度下原因可能是安装路径出现错误。
链接：vue-cli3.0升级失败，vue-cli卸载不掉，vue-cli升级不了3.0<

最低0.47元/天 解锁文章

200万优质内容无限畅学
基于Vue-cli3.0的qiankun（乾坤）前端微服务说明
qq_37682086的博客
12-21 1万+
基于Vue-cli3.0的qiankun（乾坤）前端微服务说明 官方文档地址：qiankun.umijs.org/zh ##主服务 ###1.安装乾坤依赖(子服务不需要安装，只需要暴露生命周期方法) ###2.在入口文件js中添加如下代码 import {registerMicroApps, start} from "qiankun"; let microProject = [ { //项目名称，应当与子服务中的package.json项目名称一致 name: 'wdcsLogin ap
Vue CLI 3.0踩坑记录
mocoe的专栏
02-02 1122
vue cli 3.0和之前的脚手架不太一样，记录下新特性及踩坑记录。以下均在MacOS环境下进行。 官网：https://cli.vuejs.org/zh/guide/installation.html 安装 vue-cli包名称由vue-cli改成了@vue/cli，如果全局安装过旧版本的vue-cli，先卸载。遇到permissions denied等权限问题，命令前加sudo。 ...
vue-cli3项目升级到vue-cli4 的方法总结
11-21
这是我对以前配置的基于vue-cli3搭建的前端H5模板的升级，主要把vue-cli3项目升级为vue-cli4，并删除一些过时插件。插件版本升级到当前(2020-03-19)最高版本（升级了很多webpack插件版本），升级完后新加多域名代理配置，官方升级文档点我点我 按着官方的文档升级来也会碰到很多坑，:face_with_tears_of_joy:，配置完可直接使用。 主要功能包括 webpack 打包扩展 css：sass支持、normalize.css、_mixin.scss、_variables.scss vw、rem布局 多域名代理跨域设置 eslint + standard设置 常用库cdn引入
mac下vue-cli从2.9.6升级到最新版本
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
11-15 1729
解决在mac下vue-cli从2.9.6版本升级到最新版本的问题
Vue CLI 项目安装与升级完全指南
最新发布
gitblog_01012的博客
06-01 502
Vue CLI 项目安装与升级完全指南 前言 Vue CLI 是 Vue.js 官方提供的标准开发工具链，它为现代前端工作流提供了开箱即用的配置。本文将详细介绍 Vue CLI 的安装与升级流程，帮助开发者快速搭建 Vue 项目开发环境。 系统环境要求 在安装 Vue CLI 之前，请确保您的开发环境满足以下要求： Node.js 版本： Vue CLI 4.x 需要 Node.js 8.9...
关于vue-cli工程
yjITcsdn的博客
07-03 586
用于构建vue的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？ 1、vue.js：vue-cli工程的核心，主要特点是双向数据绑定和组件系统。 2、vue-router：vue官方推荐使用的路由框架。 3、vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护vue组件间共用的一些 变量 和 方法。 4、axios（ 或者 fetch 、ajax ）：用于...
Vue3.0起步坑点
weixin_45842460的博客
11-12 207
解决vue3.0运行出现Error: Cannot find module ‘vue-loader-v16/package.json’ https://www.pianshen.com/article/24612041541/ https://www.jianshu.com/p/3a62a5dda073 npm i --save-dev vue-loader-v16 cnpm i vue-loader-v16 cnpm i --save-dev vue-loader-v16 ...
vue CLI 2.0 升级Vue CLI 最新版本
码农的专栏
03-14 1548
卸载老版本 npm uninstall vue-cli -g Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+) 安装：Vue CLI 3.0 npm install -g @vue/cli 查看版本 vue --version
Cesium 开发笔记-Vue 中使用 Cesium（vue-cli-plugin-cesium）
lxjxxx423的博客
04-20 4990
Cesium 开发笔记-Vue 中使用 Cesium（vue-cli-plugin-cesium） 通常情况下，我们要在 Vue 中使用 Cesium，首先要安装 Cesium，然后要在 vue-cli 的 webpack 配置很多东西，对一些有经验的人来说只不过麻烦些，但是对 Cesium 的初学者来说会很痛苦，因为没有使用过，也不知到要怎么配置，只能搜索网上的教程，一步一步踩坑 其实不管是有经验或是初学者，每次写项目重复配置这些东西都很麻烦 vue-cli-plugin-cesium 是一款针对 Ces
关于vue-cli@3.0中使用EasyScroll插件--jsx语法以及Babel7配置
reffrselom的博客
08-08 1445
新项目决定尝试vue-cli@3.0脚手架，脚手架内容变动较大，还在一步步地踩坑， 这里针对jsx语法支持和babel7配置做踩坑记录： 需求背景：@2.0中一直在用一款滚动条插件EasyScroll，此插件依赖JSX语法， 原用法 1.安装vue-jsx插件 npm install\ babel-plugin-syntax-jsx\ babel-plugin-transform-vue-...
Vue3.x 探坑之旅
bianfu2008zhi的专栏
01-22 254
Vue出了3.0，探下坑的深浅。 准备工作， 1、安装Node.js，配置环境变量，测试node 版本 node -v 显示 v10.15.0 2、yarn, nrm安装及npm registry设置 npm i nrm -g npm i yarn -g yarn global add nrm 3、查看可用的npm源 nrm ls 4、切换npm源(以使用taobao为例) n...
Vue CLI 升级到Vue CLI3，以及升级后创建项目
julili_1989的博客
07-25 2207
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...
Vue Cli 迁移至 Vite
weixin_49174517的博客
04-11 3181
项目文件一多起来，cli 的话是先将所有文件编译完，再开启服务，启动慢，影响开发体验，而 vite 先开服务之后，再按需加载当前页面需要的文件，开发体验就好很多
升级vue-cli/vue版本
胡一可
10-18 5889
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升级到vue cli4
IT利刃出鞘的博客
06-28 9056
本文介绍如何升级vue项目的vue cli版本。
vue项目cli2 升级 cli3
生如夏花S的博客
12-29 3163
由于vue-cli2 版本太低，升级到vue-cli3采用的方法是新建cli3项目，对比差异，在cli2项目单独升级。
Vue 2.x 项目升级到 Vue 3详细指南【总结版】
热门推荐
日拱一卒无有尽，功不唐捐终入海
08-01 3万+
Vue 3 是 Vue.js 框架的最新版本，它带来了许多新特性和改进，例如更快的渲染速度、更好的类型推导、更好的组合 API 等等。如果您正在使用 Vue 2.x，升级到 Vue 3 可以让您的项目获得这些新特性和改进，并且更好地适应未来的发展。然而，Vue 3 与 Vue 2.x 在语法和一些核心概念上有一些重大变化，因此升级 Vue 3 可能需要一些额外的工作。本指南将为您提供一些有关如何将 Vue 2.x 项目升级到 Vue 3 的详细说明和指导，希望能够帮助您平滑地进行升级。
Vue-cli创建vue3升级到vue3.2版本的方法
竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生
08-11 2689
vue3.0升级到vue3.2
vue-cli3.0升级vue-cli4.0 失败
newBunny的博客
05-17 290
因为我的项目中有nvm来切换node的版本 卸载vue-cli3.0的时候卸载的是/usr/local/lib/node_modules里面的 所以利用where vue 找到在nvm下的路径/Users/***/.nvm/versions/node/v10.15.3/lib/node_modules中的@vue 直接管理员身份删掉 再执行 yarn add global @vue/cli@4.5.13 使用vue -V可以看到vue-cli4.0升级成功 vue-cli的路径指向从n..
vue-cli3.0实战：构建完善移动端框架
【资源摘要信息】: "如何基于vue-cli3.0构建功能完善的移动端架子" 在现代前端开发中，Vue.js已经成为一个非常流行的JavaScript框架，而vue-cli3.0则是Vue.js官方提供的脚手架工具，用于快速搭建项目结构。本文将...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值