vue-cli/2.9更新到最新版本

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

#vue.js #npm #javascript

这篇博客介绍了如何卸载旧版Vue CLI并安装最新版或特定版本。首先使用`npm uninstall vue-cli-g`卸载旧版本，然后通过`npm install -g @vue/cli`或`yarn global add @vue/cli`进行全局安装。如果遇到权限问题，可以添加`sudo`。网络不佳可能导致安装失败，建议多次尝试。

1.先卸载旧版本 npm uninstall vue-cli -g

2.安装最新版本 npm install -g @vue/cli  或者 yarn global add @vue/cli （需要全局安装）

若想安装指定版本 npm install -g @vue/cli@3.0.1

3.没权限的话加上 sudo npm install -g @vue/cli

有时候更新失败是因为网络不好，如下图。多试几次就好 

Patty_2000
关注
vue-cli版本号始终是2.9.6，且无法删除，安装更新无效的问题。
09-29 1704
vue-cli版本号始终是2.9.6，且无法删除，安装更新无效的问题。
MacOS vue-cli为2.9.6 无法升级的解决方案
Code Captain的专栏
08-12 597
今天需要验证plop工具做前端工程化实践，打算使用vue3方式，结果发现vue-cli 2.9.6一直无法升级成功，也无法通过vue-cli生成vue3模板工程，测试了几把后，最终升级vue-cli成功，为了能给出现同样问题的小伙伴（也是给自己留档）解决问题的思路，于是有了这篇实践手记。
vue-cli如何升级到最新版本
飞猪
02-25 2万+
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 uninstal
vue CLI 2.0 升级Vue CLI 最新版本
码农的专栏
03-14 1645
卸载老版本 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
安装最新版vue-cli，并搭建一个vue2项目
Yyyy的博客
10-31 863
安装最新版vue-cli，并搭建一个vue2项目。
vue-cli的安装及版本查看更新
笔记
06-02 4450
vue-cli的安装及版本查看更新 vue-cli安装 npm install vue-cli -g vue-cli的版本查看 vue -V vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的 npm install @vue/cli -g 如果原来已经安装了vue-cli的话需要先卸载原来的安装 npm uninstall vue-cli -g vue/cli4的安装与使用 ..
Vue-CLI最新详细安装教程【附安装包】
ZHOUPUYU的博客
11-28 1万+
vue-cli2025最新保姆级教程，Vue CLI（Vue.js Command Line Interface）是一个基于Vue.js框架的项目脚手架工具，用于快速生成Vue工程化项目的工具。‌ 它由Vue.js官方提供，旨在通过简单的命令行操作，帮助开发者快速搭建项目结构，包含项目所需的配置和依赖。变量【C:\Program Files\nodejs\】如果存在，就新建剩下的两个变量即可。显示（v22.11.0）版本号则表示node.js安装成功。这里我以输入vue create demo为例。
使用Vue-cli 3.0搭建Vue项目的方法
08-27
如果您已经有一个使用旧版本Vue-cli的项目，需要升级到Vue-cli 3.0版本，需要按照官方文档的指南进行升级。 本文提供了使用Vue-cli 3.0搭建Vue项目的详细步骤和配置文件的介绍，希望能够帮助读者快速掌握Vue-cli ...
Vue-cli安装
01-20
npm i vue-cli -g //默认安装的是vue2.9 mac:sudo npm i vue-cli -g 注意：如果你npm安装报错了，建议使用下面两句命令： npm config set strict-ssl false //关闭npm的https npm config set registry ...
vue-cli2.9.3 详细教程
08-27
2. 初始化项目使用vueinit命令，例如，如果你想基于webpack模板创建一个名为vuecli_demo的项目，可以在命令行中输入： ``` vue init webpack vuecli_demo ``` 其中，<template-name>是模板名称，<project-name>...
【Vue 学习】- VueJS 简单入门
2401_84411557的博客
05-01 465
2、MVVM 模式MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为 抽象化，让我们将视图 UI 和业务逻辑分开 MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model）Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM， 也就是 ViewModel。
vue-cli版本号始终是2.9.6，以及升级到最新版本办法
zhaoyan_love的博客
10-29 8558
问题描述 遇到一种情况，就是使用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最新版本
悦涵仙子的技术笔记本
07-02 1353
学习vue第一步肯定是安装vue-cli，那么肯定想去搜下如何安装vue-cli呢？ 网上搜到的结果大都是： npm i vue-cli -g 输入vue -v发现： 为何vue版本还不是最新的3.x版本 原因是你刚开始安装时就输入了安装2.x版本的指令，新版本的指令是 @vue/cli 而非 vue-cli 正解：安装最新版的： 卸载2.x版本的vue-cli ： npm uninstall -g vue-cli 或 yarn global remove vue-cli 安装3.x版本的@vue/cl
mac下vue-cli从2.9.6升级到最新版本
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
11-15 1807
解决在mac下vue-cli从2.9.6版本升级到最新版本的问题
Vue学习3：Vue CLI
qq_43819274的博客
05-12 659
Vue学习3：Vue CLI 文章目录一、认识Vue CLI二、Vue CLI2的使用1. 基本使用2. ESlint3. runtime-compiler与runtime-only的区别4. npm-run-build/dev三、Vue CLI3的使用 一、认识Vue CLI CLI是Command-Line Interface，命令行界面，俗称脚手架，vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。 vue CLI使用前提：node、npm、webpack Vue CLI使用 安
阿里前端工程师面试手册，Vue全家桶之VueCLI 脚手架V2→V4版本(三)，2024年来看看前端的发展
2401_83621499的博客
04-06 1023
=就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。一个人可以走的很快，但一群人才能走的更远。
vue/cli 和 vue 版本对应及安装
热门推荐
qq_41040196的博客
11-15 2万+
vue 和 vue cli 的版本对应和安装方法
vue-cli@2.9.6 与@vue/cli@5.0.8的区别
m0_69573649的博客
06-02 3381
CLI 版本：vue-cli@2.9.6 是一个旧版本的 CLI 工具，而 @vue/cli@5.0.8 则是目前最新的 CLI 工具，它提供了更多功能和优化，并且可以更好地与其他 Vue 生态系统工具进行交互。构建工具：vue-cli@2.9.6 使用的是 Webpack 1.x 作为项目构建工具，而 @vue/cli@5.0.8 使用的是 Webpack 5.x。Vue 版本：vue-cli@2.9.6 默认集成的是 Vue 2.x 版本，而 @vue/cli@5.0.8 默认集成的是 Vue。
Vue-cli 脚手架一
weixin_49555741的博客
06-10 1716
目录1. 介绍1.1 说明1.2 安装 1.3 分析vue 脚手架1.3.1 子文件1.3.2 src 文件夹 1.3.3 public 文件夹1.4 render 函数1.5 脚手架的默认配置1.6 ref 属性1.7 props 父传子参数 1.8 mixin 混入1.8 插件1.9 scoped 样式 2. ToList案例2.1 组件化编码流程（通用）2.1.1 静态组件2.1.2 初始化案例2.1.3 交互 2.2 案例总结在电脑左下角的搜索框输入cmd，进入命令行一、防止下载慢可以配置npm
{ "name": "vue-antd-jeecg", "version": "3.4.3", "private": true, "scripts": { "pre": "cnpm install || yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ", "serve": "vue-cli-service serve", "build:test": "vue-cli-service build --mode test", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "@jeecg/antd-online-mini": "3.4.3-beta2", "ant-design-vue": "^1.7.2", "@antv/data-set": "^0.11.4", "viser-vue": "^2.4.8", "axios": "^0.18.0", "dayjs": "^1.8.0", "enquire.js": "^2.1.6", "js-cookie": "^2.2.0", "lodash.get": "^4.4.2", "lodash.pick": "^4.4.0", "md5": "^2.2.1", "nprogress": "^0.2.0", "vue": "^2.6.10", "vue-cropper": "^0.5.4", "vue-i18n": "^8.7.0", "vue-loader": "^15.7.0", "vue-ls": "^3.2.0", "vue-router": "^3.0.1", "vuex": "^3.1.0", "vue-print-nb-jeecg": "^1.0.12", "clipboard": "^2.0.4", "vue-photo-preview": "^1.1.3", "vue-splitpane": "^1.0.4", "vuedraggable": "^2.20.0", "codemirror": "^5.46.0", "@tinymce/tinymce-vue": "2.1.0", "tinymce": "5.4.1", "@toast-ui/editor": "^2.1.2", "vue-area-linkage": "^5.1.0", "china-area-data": "^5.0.1", "dom-align": "1.12.0", "xe-utils": "2.4.8", "vxe-table": "2.9.13", "vxe-table-plugin-antd": "1.8.10", "cron-parser": "^2.10.0", "qiankun": "^2.5.1", "xss": "^1.0.13" }, "devDependencies": { "@babel/polyfill": "^7.2.5", "@vue/cli-plugin-babel": "^3.3.0", "@vue/cli-plugin-eslint": "^3.3.0", "@vue/cli-service": "^3.3.0", "@vue/eslint-config-standard": "^4.0.0", "babel-eslint": "7.2.3", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.1.0", "less": "^3.9.0", "less-loader": "^4.1.0", "vue-template-compiler": "^2.6.10", "html-webpack-plugin": "^4.2.0", "compression-webpack-plugin": "^3.1.0" }, "eslintConfig": { "root"
最新发布
03-31
- **@vue/cli-service**：Vue CLI 脚手架 - **babel**：代码转译 - **eslint**：代码规范检查 - **webpack** 或 **vite**：构建工具 - **sass/less**：CSS 预处理器 #### 3. **脚本配置（package.json）** ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值