Vue cli从2.9.6版 到3.0版 问题

最新推荐文章于 2024-08-12 16:06:13 发布
原创 最新推荐文章于 2024-08-12 16:06:13 发布 · 337 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文详细阐述了在卸载Vue CLI过程中遇到的问题及解决步骤，包括调整Node.js安装路径，配置npm缓存和全局模块目录，以及更新环境变量等关键操作。

vue cli2.9.6卸载

使用官方法npm uninstall vue-cli -g
显示在这里插入图片描述
再次检查 vue -V
发现还是原来版本

问题原因：
1.node.js 在安装时没有和脚手架安装在一起
2.C盘没有更改授权

解决方法
将nodejs 下载到其他盘里在下载好的nodejs的主文件夹里
创建两个文件夹 node_cache 和 node_global
创建完后在命令框
输入
npm config set prefix “D:\nodejs\node_cache”
npm config set cache “D\nodejs\node_global”
在这里插入图片描述

配置环境

打开 “我的电脑” -右键-“属性” - “高级系统设置” - “高级” - “环境变量”

第一步 在系统变量的path 里加入

E:\node\ 和
E:\node\node_global
在这里插入图片描述
之后就是直接下载 ：npm install -g @vue/cli

网速慢用cnpm（有其他问题）
或设置淘宝镜像 可以搜到

G_XUI
关注
vue-cli版本号始终是2.9.6，且无法删除，安装更新无效的问题。
09-29 1700
vue-cli版本号始终是2.9.6，且无法删除，安装更新无效的问题。
vue-cli 2.9.6版本升级到3.0版本
qq_16704959的博客
11-13 1067
1、vue-cli3.0升级失败，vue-cli卸载不掉，卸载了好几遍一直卸载不掉，气的扣脚， 扣着扣着就冷静了，查查文档，尝试了好多方法之后找到了问题； 原因是：可能和我电脑加固态我把node移动的原因，node的配置也有关； 遇到问题1：npm uninstall vue-cli -g 卸载没用，重新安装之后仍然是2.9.6的版本； 遇到问题2（个人情况）：npm install -g @vue/cli 后，并没有在C:\Users\Administrator\AppData\Roaming\.
如何升级Vue的版本 vue2.9.6升级到vue3.0
怡暘
03-09 2万+
背景：电脑使用多年，一直使用vue 2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导致需要进行定义的变量越来越多，代码出现冗余，因此在同事的推动下，鉴于vue 3.x的优化，故对自己本来使用的vue 2.9.6升级到vue 3.0版本。那么如何升级呢，请查阅如下步骤： vue版本的升级主要步骤： 一、首先需要卸载你之前的vue2.9.6 使用快捷键win+R，出来“运行”界面： 输入cmd–>回车–>进入dos界面： 输入命令查询vue的版本： vue -V or vue -Ve
vue3简介——升级Vue的版本 vue2.9.6升级到vue3.0——创建Vue3.0工程-——vue3_devtool开发者工具的下载安装
阿牛哥的博客
07-11 3087
vue3简介——升级Vue的版本 vue2.9.6升级到vue3.0——创建Vue3.0工程-——vue3_devtool开发者工具的下载安装
vue v2.9.6 升级 vue v3.x
pinmingle的博客
07-14 793
vue v2.9.6 升级 vue v3.x 相关背景 之前在全局安装了vue v2.x, 后来为了切换node版本安装了nvm。后来看到了vue v3.x文档出来就尝试着将原先的2.0 升级到3.0。 按着文档执行npm uninstall vue-cli -g 时候，出现up to date in xxx.xx s，然后执行vue -V 依然是2.9.6，说明并未卸载成功。 解决方案 1.查询到原有vue的安装目录在/usr/local/bin/vue下 2.删除所有vue文件夹 3.然后执行npm i
如何升级Vue
weixin_44130975的博客
04-16 2594
然后使用Vue -V 或 vue --version进行查看按装的最新版本如果按装没有成功需要检查nodejs和NPM的版本,通过 node -v 和npm -v检查。
MacOS vue-cli为2.9.6 无法升级的解决方案
最新发布
Code Captain的专栏
08-12 596
今天需要验证plop工具做前端工程化实践，打算使用vue3方式，结果发现vue-cli 2.9.6一直无法升级成功，也无法通过vue-cli生成vue3模板工程，测试了几把后，最终升级vue-cli成功，为了能给出现同样问题的小伙伴（也是给自己留档）解决问题的思路，于是有了这篇实践手记。
快速创建vue项目（2.9.6）
有趣的灵魂万里挑一,好看的皮囊你又没有
03-08 612
这里会自动下载需要的js放到我们指定的目录里，需要等待一些时间，等待安装完成后项目也就创建好了。5.在浏览器输入这个地址就可以看到我们创建的脚手架，默认会有一个hello的vue文件。上篇文章我们安装好了vue，先验证一下，可以看到我们的版本是2.9.6。3.创建vue-cli项目 ("里面是项目名称")回车以后需要确认项目的名称,这里直接回车就好。1.新建一个空文件夹来存放vue项目。6.关闭的话连续按两次ctrl+c就可以。2.进入该文件夹打开黑窗口。就证明我们的项目没问题。
卸载Vue2.9.6安装3.0教程
weixin_45584599的博客
09-14 920
一、开发环境 vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。 二、环境搭建 1.首先前往nodejs官网下载nodejs 2. 然后点击安装，选择自己要安装的路径，此处我选择的是：F:\Utils\node
精选资源
xy-vux-app:vux，vue-cli 2.9.6
03-25
【xy-vux-app】是一个基于Vue.js框架的应用程序，它利用了Vux UI库和vue-cli版本2.9.6来构建。Vux是一个针对移动Web应用的Vue组件库，提供了丰富的UI元素和交互设计，使得开发者能够快速构建出美观且响应式的移动...
vue版本升级 2.9.6升级到3.0
weixin_41324527的博客
03-30 7343
npm uninstall -g vue-cli npm install -g @vue/cli
Vue 2.9.6升级3.x踩坑
qq_41434653的博客
01-07 750
vue-cli2.9.6卸载失败 解决方案 npm 默认安装目录：C:\Users\Default\AppData\Roaming\npm\node_modules 配置环境变量 用户变量 PATH：C:\Users\Default\AppData\Roaming\npm\node_modules 系统变量 NODE_PATH：C:\Users\Default\AppData\Roaming\npm\node_modules 然后删除C:\Users\Default\AppData\Roaming\n
VUE vue-cli2.9.6升级@vue/cli3.10 的操作笔记
dujun
10-09 2705
1，首先 npm uninstall -g vue-cli 全局卸载vue-cli 2，然后 npm install -g @vue/cli 全局安装@vue/cli 3，工具：report 分析报告页面给打包到了dist中 需执行 vue-cli-service build --report 或者在 package.json scripts对象中配置 "buildr...
Vue 解决Vue2.9.6版本升级问题
tingyu_的博客
08-28 6732
在 使用npm install -g @vue/cli 命令安装Vue的脚手架之后，运行Vue -V 发现Vue的版本竟然是2.9.6， 然后各种卸载重装一直都没有用，从网上找了各种方法，分别为以下几种： 1.卸载重新安装 （Vue升级到3版本之后 将npm install -g vue-cli 命令改为了npm install -g @vue/cli, 可是我本来运行的就是这个，很冤~~~这个已经没用了~~~~~） 2.环境...
关于下载vue-cli版本一直是2.9.6的问题
weixin_44683763的博客
09-29 3275
问题： 使用npm下载vue-cli，查看版本一直是2.9.6 npm install -g @vue/cli 解决方法： 这个主要就是打开的路径不对，vue -V打开的根本你不是你刚刚下载的vue-cli安装路径下的vue.cmd文件。 所以现在需要做的就是找到安装路径并将该路径添加到环境变量的系统变量Path里。 1、找到node下载的目录文件，可以用 npm config ls 代码查看node的安装路径 其中prefix = "D:\nodejs"就是你的全局安装路径 2、将这个路径添加到添加
vue-cli3.0安装失败，解决办法
热门推荐
rainbow8300的博客
03-11 2万+
按照vue-cli3.0官网卸载和安装vue-cli npm uninstall vue-cli -g // 卸载vue-cli旧版本 npm install -g @vue/cli // 安装vue-cli3.0 npm vue -V // 查版本 安装后版本仍然为旧版本
Vue-Cli 2.X版本的打包优化简述
weixin_30263073的博客
05-30 393
打包优化，我认为原则就是 将进行代码压缩，将一个大文件拆分为细碎的小文件。越碎越好。因为技术有限，打包优化只是进行了5个方面的优化，对于小项目来说 应该已经可以了。 1.异步加载路由。 通过const Login = (resolve) => require(['view/login'], resolve) 方式进行路由的懒加载。虽然const Index = () =...
vue-cli2.9.2项目（element-ui）打包上线详解
weixin_45064565的博客
06-19 763
使用vue-cli2.9.2项目打包上线需要注意两个方面 1、打包上线后，页面为白色。静态资源加载不了 原因分析：这是访问路径的问题，原本设置的是直接访问项目文件的根路径 assetsPublicPath: ‘/’，在本地测试是没有问题的，因为你静态资源的访问就是相对于跟路径的路径，可是你在taocat等服务器软件中发布的时候，所访问的根路径是整个端口的根路径，不是以该文件夹为准。所以需要换成 assetsPublicPath: './'来访问 2、结合element-ui的字体图标失效 这个还是路径的问
vue-cli2.9.6版本创建项目
06-28
### 回答1： 1. 首先，确保你已经安装了Node.js和npm。 2. 打开终端或命令行工具，输入以下命令安装vue-cli： ``` npm install -g vue-cli@2.9.6 ``` 3. 安装完成后，输入以下命令创建一个新的Vue项目： ``` vue init webpack my-project ``` 其中，my-project是你的项目名称，可以根据自己的需要进行修改。 4. 接下来，会提示你输入一些项目的配置信息，如项目名称、描述、作者等。根据提示输入即可。 5. 配置完成后，进入项目目录，输入以下命令安装项目依赖： ``` cd my-project npm install ``` 6. 安装完成后，输入以下命令启动项目： ``` npm run dev ``` 然后在浏览器中访问http://localhost:8080，就可以看到你的Vue项目了。 以上就是使用vue-cli2.9.6版本创建项目的步骤，希望对你有帮助。 ### 回答2： Vue-cli是一个基于Webpack的脚手架工具，可快速搭建并配置Vue.js开发环境。在Vue-cli2.9.6版本中，可以通过以下步骤创建项目： 1. 安装Vue-cli2.9.6 在安装Vue-cli2.9.6之前，确保已经安装Node.js和npm。在命令行中执行以下命令： npm install -g vue-cli@2.9.6 2. 创建项目 在命令行中执行以下命令： vue init webpack 项目名称 其中，webpack是Vue-cli默认的模板，包含了一些常用的插件和配置。项目名称为你的项目名称，可以自己定义。 在执行完命令后，会提示一些配置选项，如项目名称、描述、作者等。默认选项可以直接回车跳过，也可以自行配置。完成后会生成基于Webpack的项目结构。 3. 安装依赖 进入项目目录，执行以下命令安装依赖： npm install 4. 运行项目 在命令行中执行以下命令： npm run dev 即可启动项目，访问http://localhost:8080即可查看效果。 此外，Vue-cli2.9.6还提供了很多命令，如打包项目、生成静态文件等等，可以通过以下命令查看： vue --help 以上就是在Vue-cli2.9.6版本中创建项目的详细步骤。 ### 回答3： Vue-cli是一个脚手架工具，可以帮助我们快速搭建Vue.js项目模板，节省我们的时间。Vue-cli2.9.6版本是比较常用的版本，下面我来介绍一下如何使用Vue-cli2.9.6版本创建项目。 一、安装Vue-cli 首先需要安装Node.js，安装方法可以在官网找到。然后在命令行中输入以下指令安装Vue-cli： npm install -g vue-cli 二、创建项目 在命令行中输入以下指令创建Vue项目： vue init webpack project-name project-name是你要创建的项目名。运行指令后，会出现一系列的交互式问题，根据需要进行选择或直接回车。其中会问到是否安装vue-router和vuex，按照实际需求进行选择。 三、安装依赖 项目创建完成后，进入项目目录运行以下指令安装所需依赖： npm install 四、运行项目 安装依赖后，即可运行项目。运行指令如下： npm run dev 此时在浏览器中输入http://localhost:8080/即可访问项目。 五、构建项目 当项目完成后，需要将项目进行打包并发布到生产环境中。运行以下指令可以构建项目： npm run build 此时会在项目根目录下生成一个dist目录，里面包含了所有打包后的文件。将dist目录上传到生产环境中即可完成发布。 以上就是Vue-cli2.9.6版本创建项目的基本流程。在实际开发中，需要结合自己的需求进行配置，如修改webpack配置、引入第三方插件等。总之，Vue-cli能够为我们提供方便快捷的开发环境，让我们更专注于业务逻辑的实现，提高开发效率。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值