同时安装vue-cli2和vue-cli3

news2024/10/5 17:22:12

同时安装vue-cli2和vue-cli3

  • 发布时间
  • 环境
  • 安装后的效果
  • 安装vue-cli2
  • 安装vue-cli3
  • vue-cli3和vue-cli2的区别
    • vue-cli2目录结构
    • vue-cli3目录结构

发布时间

vue版本发布时间
Seed.js2013年vue最早版本最初命名为Seed
vue-js 0.62013年12月更名为vue
vue-js 0.82014年1月对外发布
vue-js 0.92014年2月开始有代号:Animatrix
vue-js 0.122015年6月代号:Dragon Ball,在社区有知名度
vue-js 1.02015年10月代号:Evangelion,是 Vue 历史上的第一个里程碑,同年推出了 vue-router、vuex、vue-cli
vue-js 2.02016年10月是第二个重要的里程碑,它吸收了 React 的虚拟 Dom 方案,还支持服务端渲染
vue-js 2.62019年2月代号 Macross,这是一个承前启后的版本,在它之后,推出了 3.0.0
vue-js 3.02019年12月Vue 3.0 源码公布
vue脚手架发布时间安装命令创建项目运行项目
vue-cli12015年12月
vue-cli22016年4月npm i vue-cli -gvue init webpack 项目名npm run dev
vue-cli32018年1月npm i @vue/cli -gvue create 项目名npm run serve
vue-cli42019年5月npm i @vue/cli -gvue create 项目名npm run serve

环境

C:\Users\ly-zhengzc>npm -v
6.14.17

C:\Users\ly-zhengzc>node -v
v14.20.0

安装后的效果

vue-cli2和vue-cli3达到同时安装的目的

C:\Users\ly-zhengzc>vue2 -V
2.9.6

C:\Users\ly-zhengzc>vue3 -V
@vue/cli 5.0.8

安装vue-cli2

新增目录: D:\Program\VUE_CLI_VERSION\VUE_CLI_2

安装vue-cli2,局部安装

npm i vue-cli

安装后配置环境变量

VUE_CLI_2
D:\Program\VUE_CLI_VERSION\VUE_CLI_2\node_modules\.bin
然后添加到 path 环境变量中

修改 D:\Program\VUE_CLI_VERSION\VUE_CLI_2\node_modules\.bin 中的 vue 和vue.bat 两个文件
修改为 vue2 和 vue2.bat

在这里插入图片描述

安装vue-cli3

新增目录:D:\Program\VUE_CLI_VERSION\VUE_CLI_3
安装vue-cli3,局部安装

npm i @vue/cli

安装后配置环境变量

VUE_CLI_3
D:\Program\VUE_CLI_VERSION\VUE_CLI_3\node_modules\.bin
然后添加到 path 环境变量中

修改 D:\Program\VUE_CLI_VERSION\VUE_CLI_3\node_modules\.bin 中的 vue 和vue.bat 两个文件
修改为 vue3 和 vue3.bat

vue-cli3和vue-cli2的区别

“vue-cli2”是基于webpack3打造的
“vue-cli3”是基于webpack4打造的

vue-cli 3 的设计原则是“0配置”,移除的配置文件根目录下的buildconfig等目录
vue-cli 3 提供了 vue ui 命令,提供了可视化配置,更加人性化
移除了static文件夹,新增了public文件夹,并且index.html移动到public中

vue-cli2目录结构

参考
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

vue-cli3目录结构

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/666371.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

vue2 用watch监听props 失效,解决办法

这个是父组件传递下来的props 这样子好像TCshow的值并没有赋上 必须修改成下面这种:

[golang 微服务] 7. go-micro框架介绍,go-micro脚手架,go-micro结合consul搭建微服务案例

一.go-micro框架 前言 上一节讲解了 GRPC微服务集群 Consul集群 grpc-consul-resolver相关的案例,知道了微服务之间通信采用的 通信协议,如何实现 服务的注册和发现,搭建 服务管理集群,以及服务与服务之间的 RPC通信方式,具体的内容包括: pro…

SpringBoot 如何使用 IOC 容器

SpringBoot 如何使用 IOC 容器 Spring 是一个非常流行的 Java 开发框架,它提供了一个强大的 IoC(Inversion of Control)容器来管理 Java 对象之间的依赖关系。在 SpringBoot 中,我们可以非常方便地使用这个 IoC 容器来管理我们的…

骨传导耳机音质怎么样,几款解析力度不错的骨传导耳机分享

​骨传导耳机在之前的时候一直是“冷门”的,但是随着技术的进步,现在骨传导耳机也逐渐被大家所熟知。对于喜欢运动和健身的人来说,骨传导耳机可以避免佩戴普通耳机导致耳朵疼痛的情况。因此,目前在市面上很多骨传导耳机都很受欢迎…

Git教程(快速上手,超详细)

文章目录 版本控制Git环境配置Git基本理论Git项目搭建Git文件操作使用码云IDEA集成GitGit分支 版本控制 版本迭代:每次更新就会有新的版本,旧的版本需要保留。所以我们需要一个版本控制工具帮助我们处理这个问题 版本控制(Revision control)是…

入门学习编码器与自编码器1----包括详细的理论讲解与详细的python程序代码,小白直接看懂!!!纯干货

文章目录 前言--为什么要学习编码器和自编码器?一、编码器与自编码器究竟是什么?二、下面是一个简单的Python实现自编码器的示例三、程序运行结果四、查看模型结构总结 前言–为什么要学习编码器和自编码器? 学习编码器和自编码器可以帮助我…

【数据分享】1929-2022年全球站点的逐月平均风速数据(Shp\Excel\12000个站点)

气象数据是在各项研究中都经常使用的数据,气象指标包括气温、风速、降水、能见度等指标,说到气象数据,最详细的气象数据是具体到气象监测站点的数据! 对于具体到监测站点的气象数据,之前我们分享过1929-2022年全球气象…

「你将购买的是虚拟内容服务,购买后不支持退订」,真的合理么?

编辑导语:你是否也有见过相似提示,即虚拟内容服务购买之后不予退款?那么你有想过,在这一规定背后,其制约因素都有什么吗?这一规定是合理的吗?用户若真的有退款需求,产品上是否能实现…

卷积计算加速方法--分块卷积1

文章目录 1、大尺寸卷积存在的问题2、分块卷积overlap产生的来源3、分块卷积overlap的计算4、结论及加速效果 1、大尺寸卷积存在的问题 当卷积的输入太大导致内存不够用时,考虑将一大块卷积分成多个小块分别进行卷积,相当于将原始输入分成几个小的输入经…

【C++】C++11:线程库和包装器

C11最后一篇文章 文章目录 前言一、线程库二、包装器和绑定总结 前言 上一篇文章中我们详细讲解了lambda表达式的使用,我们今天所用的线程相关的知识会大量的用到lambda表达式,所以对lambda表达式还模糊不清的可以先将上一篇文章看明白。 一、线程库 在…

域名解析详解

域名解析 记录类型: 提示: 将域名指向云服务器,选择 A; 将域名指向另一个域名,选择 CNAME; 建立邮箱选择 MX,根据邮箱服务商提供的 MX 记录填写。 记录类型解释A用来指定域名的 IPv4 地址&…

燃气管网监测设备:燃气管网压力在线监测

燃气作为一种重要的能源,广泛用于家庭、工业和商业领域。然而,燃气管网系统在运输和分配过程中可能面临压力波动、管道老化、外部破坏等问题,可能导致燃气泄漏和事故发生。燃气管网压力在线监测是保障燃气管网安全运营的重要手段之一。通过燃…

Linux系统之部署Homepage个人导航页

Linux系统之部署Homepage个人导航页 一、Homepage介绍1.1 Homepage简介1.2 Homepage主要特点 二、本地环境介绍2.1 本地环境规划2.2 本次实践介绍 三、检查本地环境3.1 检查本地操作系统版本3.2 检查系统内核版本3.3 检查系统是否安装Node.js 四、部署Node.js 环境4.1 下载Node…

感谢ChatGPT,救了我狗的命!

前一段时间,国外一位小哥哥在推特上发布了一条消息,声称GPT-4拯救了自家狗狗的性命。 这是怎么一回事呢? 这个小哥哥养了一只两岁的边境牧羊犬,这只牧羊犬被诊断出患有蜱传疾病,这属于一种细菌性传染病。 虽然小哥哥一…

30分钟吃掉DQN算法

表格型方法存储的状态数量有限,当面对围棋或机器人控制这类有数不清的状态的环境时,表格型方法在存储和查找效率上都受局限,DQN的提出解决了这一局限,使用神经网络来近似替代Q表格。 本质上DQN还是一个Q-learning算法,…

金九银十预备秋招: 大厂面试必考点及 Java 面试框架知识点整理

Java 面试 “金九银十”这个字眼对于程序员应该是再熟悉不过的了,每年的金九银十都会有很多程序员找工作、跳槽等一系列的安排。说实话,面试中 7 分靠能力,3 分靠技能;在刚开始的时候介绍项目都是技能中的重中之重,它…

龙膜公益“聚光行动”再起航 为云南山区小学援建绿色电脑教室

中国,上海——近日,全球汽车膜品牌龙膜的公益活动“为山区学校援建绿色电脑教室”在云南泸西县再度起航。为当地的“阿盈里小学”和“歹鲁小学”添置了2间电脑教室,配备了82台再生电脑,为600多名学生提供了数字化设备的使用机会&a…

Android Hilt:强大的依赖注入框架,高级传参解个耦?

作者:J船长 一、Hilt 干依赖注入的 Hilt是干嘛的 Hilt,一个依赖注入框架,谷歌搞出来的,基于Dagger,但是更加简洁易用。 什么是依赖注入 (Dependency Injection) 依赖注入是一种设计模式。主…

高校劳动积分小程序/基于微信小程序的高校劳动积分系统

摘 要 随着信息技术互联网和小程序的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的微信小程序应运而生,各行各业相继进入信息管理…

系统架构设计师-系统工程与信息系统基础(1)

一、系统工程概念 【系统工程】是一种组织管理技术。 【系统工程】是为了更好的实现系统的目的,对系统的组成要素、组成结构、信息流、控制机构进行分析研究的科学方法。 【系统工程】从整体出发、从系统观念出发、以求【整体最优】 【系统工程】利用计算机作为…