如何切换实用vue-cli2.0和3.0

Vue CLI 版本安装指南
最新推荐文章于 2023-11-26 15:05:57 发布
原创 最新推荐文章于 2023-11-26 15:05:57 发布 · 497 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文介绍如何正确安装 Vue CLI 2 和 Vue CLI 3，并解决两者共存时可能出现的问题。提供了详细的安装命令，帮助开发者顺利搭建 Vue 开发环境。

在安装vue-cli2时出现这么一个问题
首先安装vue-cll2跟vue-cli3的安装命令是不一样的
vue-cli3的安装是 npm install -g @vue/cli
vue-cli2的安装是 np install -g vue-cli

如果同时安装了vue-cli2跟3的版本那么你还需要安装一个插件
在这里插入图片描述
这样的你才可以继续使用vue-cli2的使用方式
注意你安装vue-cli时需要安装到全局

Vue-Cli3.0创建项目,以及与Vue-Cli2.0的区别
qq_43186285的博客
07-23 714
1. 安装 安装Vue-Cli3.0命令发生一些变化 npm安装Vue-Cli3.0 $ cnpm install -g @vue/cli 而之前Vue-Cli2.0安装命令是这样 $ cnpm install -g vue-cli 安装完成后查看版本信息 $ vue -V 2.项目创建 Vue-Cli2.0创建项目命令 $ vue init webpack “项目名称” 创建步骤 Vue-Cli3.0创建项目命令 可参考:参考文章 $ vue create “项目名称” **def
node 版本管理工具 实现vue2与vue3切换开发
08-18
node 版本管理工具 实现vue2与vue3切换开发
Vue2与Vue3相互切换
PureNight_的博客
09-29 3237
npm uninstall vue-cli -g 卸载vue2脚手架。npm install -g @vue/cli 安装vue3脚手架。查看本机vue版本 vue -V 或者vue -Version。
Vue/cli3.0的一些小技巧
biaov
09-29 3065
vue/cli3.0比起vue/cli2.*来说，最明显的区别就是简化了两个文件，一个是build文件和config文件。vue/cli3.0把这两个文件的配置写进了node_modules里面去了。不过有些时候我们也需要配置一些适合自己项目开发的东西，所以我们可以把自己的相关配置写入vue.config.js文件中。（这个文件需要自己在src同目录下新建，下面统一说成根目录） 介绍一下今天...
Vue2转Vue3看这一片就够了！
qq_44408913的博客
09-06 2438
​ 由于选项式API——Vue2的代码是按区域去划分代码块的，比如：methods方法区域，computed计算区域，watch观察区域。但是由于代码量增加，Vue2的情况下写的代码数据与逻辑并不能很好的归并到一起，为增加代码的可读性，所以我们使用组合式API——Vue3代替。在setup里面写代码需要引入并暴露变量、方法，使用起来比较麻烦，这里我们使用****标记，代码可以简介很多。
Vue2.x与3.x版本转化
weixin_51955084的博客
10-31 491
Vue2与Vue3版本转化
vue-cli2.0转3.0之项目搭建的详细步骤
10-17
随着 Vue CLI 从 2.0 版本升级到 3.0 版本，其功能和用户体验都有了显著的提升。Vue CLI 3.0 引入了许多新特性，旨在简化项目初始化、配置和维护的过程，使得开发者能更专注于编写应用程序本身。 在从 Vue CLI 2.0 ...
vue-cli2.0和vue-cli3.0前后版本切换办法以及两个版本同时存在
qq_40663855的博客
03-12 5359
系列文章目录 上一篇 node.js 安装完成之后，有需要要切换vue-cli2.0和vue-cli3.0前后版本，在此记录两个版本同时处理使用的方法。 上一篇：Node.js图文安装教程以及环境配置 文章目录系列文章目录一、vue-cli脚手架3.0前后版本切换办法1）、3.0 以下 ==> 3.0 以上2）、3.0 以上 ==> 3.0 以下二、两种版本同时存在1）、找一个地方新建2）、进入cli2 文件夹下 打开cmd3）、修改cmd命令名称4）、配置环境变量 一、vue-cli脚手
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
10-17
虽然Vue CLI 2.0 的某些特性（如直接使用 `vue init` 命令）不再可用，但Vue CLI 3.0 通过更强大的配置能力和插件系统，实际上扩展了更多的可能性。因此，理解和掌握Vue CLI 3.0 的新特性对于Vue.js 开发者来说至关...
记录一次Vue2迁移Vue3的基本流程
AnnGreen的博客
11-26 4271
现有一个基于vue-cli2的项目（不支持ES新语法，使用ElementUI组件库），目前vue-cli已经迭代到4版本，且已经处于维护模式；vue2在2023年底终止支持，vue2.7是最后一个版本。所以打算即升级现有项目至vue3（使用ElementPlus组件库）。
Vue2改Vue3简单操作
qq_45397526的博客
12-20 8505
Vue2改Vue3操作1. template标签里的内容不用修改2. 更改script标签3. 定义变量的不同4. 定义方法（函数）的不同5. vue3该如何使用this 1. template标签里的内容不用修改 2. 更改script标签 为了方便写代码，在这里我们使用<script setup>...<script>标签 3. 定义变量的不同 vue2中的data()内是用来定义变量的，如 <script> export default { data () { re
Command vue init requires a global addon to be installed. Please run undefined @vue/cli-init and报错
Giraffe0615的博客
04-09 6868
在创建vue项目初期遇到的问题 win+R打开cmd,检查好相应的环境之后， 1、使用以下命令全局安装vue-cli npm install -g vue-cli 或者使用国内的淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.使用命令vue init webpack XXX 报错Command vue init requires a global addon to be installed. Ple.
如何一键将 Vue2 代码转成 Vue3 代码
前端达人
07-11 9687
作者：阿里妈妈前端快爆 https://juejin.cn/post/6977259197566517284Vue3 已经出来有一段时间了，很多朋友早已熟读了文档，写了好几个 Demo，馋...
如何同时存在vue2和vue3并且可以切换使用
bug_tan90的博客
05-04 3104
如何同时存在vue2和vue3并且可以切换使用 Vue CLI 3 和旧版使用了相同的vue命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能，你可以全局安装一个桥接工具： npm install -g @vue/cli-init //安装完后 就还可以使用 vue init 命令 vue init webpack vue_project ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
qq_43305958的博客
08-18 8039
创建VUE项目，2.0版本和3.0版本的区别使用vue2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用vue3.0版本创建vue项目 使用vue2.0版本创建vue项目 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 创建前的准备 使用window + R打开，输入cmd命令，或者在想要创建的目录 或者在想要创建的目录路劲输入cmd 开始创建 在有nodejs
vue2.0与vue3.0的区别—教你快速从vue2转换到vue3的开发
Annie的博客
07-18 1924
使用vue3开发过一段时间了，开发过程中总结了些语法上的区别。下面不去考虑原理和源码，只在使用方式上列出两者的区别，有了这些，可以让开发者快速从vue2转换到vue3的开发中。 一、入口文件main.js 1、引入vue vue2.0写法 import Vue from 'vue' vue3.0写法 import { createApp } from 'vue' const app = createApp(App) 2、挂载vue实例 vue2.0写法 n...
浅谈vue-cli 3 和 vue-cli 2的区别！！！
热门推荐
weixin_42080056的博客
08-13 10万+
Vue-cli3.0于8.11日正式发布，看了下评论，不是特别的乐观，说说我个人的意见，我是Vue的忠实粉，so.... 大概三个月前超哥就已经得知3.0的消息，试着用了下，相比之下现在的3.0和测试时的区别： modern mode。启用该模式会自动构建两个版本的 js 包，针对支持现代浏览器的原生 ES2015+ 包，和针对其他旧浏览器的包，生成的 HTML 会通过 &lt;scrip...
vue2和vue3的区别修改与转换
weixin_40945354的博客
04-02 806
vue2 <script> var app = new Vue({ el:"#app", data() { return{ message: "小飞侠" } }, methods:{ change(){
Vue 将切换默认版本为 vue3
lefex的博客
01-21 2643
Vue将在2022年2月7日将默认版本切换为 vue3，这意味着 vue3 的时代来了，在 vue 官方修改之前，我们需要检查下我们的项目。升级前我们需要注意点什么？1、检查一下自己项...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值