vue-cli不同版本对比(vue-cli2/cli3/cli4)

最新推荐文章于 2024-05-28 11:10:38 发布
最新推荐文章于 2024-05-28 11:10:38 发布
阅读量2.1k 收藏 11
点赞数 7
分类专栏： Vue 文章标签： vue vue-cli 不同版本vue-cli对比 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44646343/article/details/117168582
版权
版本/操作vue-cli2vue-cli3/cli4
vue-cli下载安装         npm install vue-cli -g         npm install -g vue@cli
创建新项目vue init webpack 2.0projectvue create 3.0project
启动项目npm run devnpm run serve
项目结构在这里插入图片描述在这里插入图片描述

ps:
(1) vue-cli2
在这里插入图片描述
(2)vue-cli3/cli4
在这里插入图片描述

如有错误，欢迎指正

一个平平无奇的小高
关注
  • 7
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue脚手架下载以及创建项目(保姆级)
weixin_45842954的博客
04-04 2844
Vue/cli的版本 vue/cli的版本 最新版本 默认使用的vue版本 v2 v2.9.3 2.5.11 v3 v3.4.1 v2.5.22 v4 v4.5.15 v2.6.11 v5 5.0.4 3.00 安装vue/cli(
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
我们有很多现有的vue-cli（3.x / 4.x）项目。 在生产中：基于webpack的vue-cli仍然是捆绑webapp的最佳实践（通过代码拆分，旧版浏览器的旧版构建）。 在开发中：即时启动服务器并通过闪电快速实现HMR很有趣。 ...
vue-cli3项目升级到vue-cli4 的方法总结
10-15
主要介绍了vue-cli3项目升级到vue-cli4 的方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue脚手架与创建vue项目
最新发布
qq_48843954的博客
05-28 705
vue脚手架的安装与创建vue项目需要先行安装配置node与npm，详情可以看node、npm的下载、安装、配置_node 下载安装-CSDN博客。
vue-cli2/3/4的区别
十年砍柴的博客
01-12 486
1、安装、卸载 2、项目创建 3、项目结构 4、项目启动 1、安装、卸载 vue-cli2： 全局安装：npm install -g vue-cli 或 cnpm install -g vue-cli 卸载：npm uninstall -g vue-cli 或 cnpm uninstall -g vue-cli vue-cli3： 全局安装：npm install -g @vue/cli@版本号 或 cnpm install -g @vue/cli@版本号 卸载：npm uninstall -g ...
【前端开发】Vue-CLI4 &Vue-CLI3 与Vue-CLI2 的区别以及打包配置问题
go
04-25 2129
前面一直用Vue-CLI2 搭建Vue 项目,后面用Vue-CLI4 搭建了一个新的Vue 项目，发现Vue项目有些文件build文件、config文件目录直接整没了… 好家伙，那我怎么配置？？ 撸文档，Vue-CLI4、Vue-CLI3 与Vue-CLI2 之间的区别：使用后Vue-CLI4总体上与Vue-CLI3区别不大，Vue-CLI4与Vue-CLI2最直接的区别： 1、安装： Vue-CLI2： npm install -g vue-cli 或 cnpm install -g vue-cli V
vue-cli2与vue-cli3/4的区别
weixin_43964271的博客
09-19 661
vue-cli2与vue-cli3/4的区别
Vue cli 2.x 3.x及4.x区别
DOM曼珠沙华的博客
06-07 1134
在使用前优先是安装 安装： npm install -g @vue/cli # OR yarn global add @vue/cli
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
vue-cli-plugin-自动路由 提供自动路由功能的Vue CLI插件。概述确保您处于由Vue CLI> = v3生成的项目中。 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# ...
vuecli 脚手架（版本2和版本3/4）
草木红的博客
05-18 2084
(一) 安装Vue CLI Vue CLI可以快速搭建Vue开发环境以及对应的webpack配置。 https://cli.vuejs.org/zh/guide/ 安装node，版本要大于8.9 安装npm（Node.js自带了软件包管理工具npm） cnpm安装 由于国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registry=htt
安装vue脚手架@vue/cli 4.5.13(稳定版)
橘嘉禾
02-17 305
若 NPM 下载过慢，请参考本处改换镜像源：Here 首先新建一个 vue 测试项目，还记得以前自己是用 vue-cli 2.0的版本 去构建的，毕竟里面有默认配置好的webpack配置，但现在很多小伙伴都已经用最新的 @vue/cli 4+ 版本去开发了，因为 @vue/cli 3 以上 的版本，比 2.0 的配置文件简洁了很多，当然你还得跟上时代的脚步，不然你就被淘汰了。 但自己搭建过的...
彻底搞懂vue-cli各版本和vue2和vue3之间的关系！
weixin_50018442的博客
10-24 5568
我的深刻理解:(1)vue-cli3之前，也就是vue-cli2只能利用命令初始化vue2.x的项目，(2)vue-cli3~vue-cli4.5之间时,可以利用初始化vue2.x的项目，不能初始化vue3.x，因为vue-cli脚手架版本4.5以上对应的才是vue3(3)vue-cli4.5以上时，可以利用初始化vue2.x或者也vue3.x的项目，两者都可以在初始化时，自行选择。
浅析vue-cli2和vue-cli4
crazy_jialin的博客
05-11 3542
目录安装及版本切换项目初始化目录结构对比 安装及版本切换 查看当前版本，如果是2开头说明当前使用的是vue-cli2，3开头的话就是vue-cli3 vue --version 如果无法识别vue命令说明没有安装vue-cli，使用以下说明进行安装 安装2.0版本: npm install -g vue-cli 安装3.0版本： npm install -g @vue/cli 版本切换，即卸载当前版本，安装另外的版本 从2.0升级到3.0： npm uninstall -g vue-cli npm i
Vue-cli2.x/3.x/4.x不同版本安装过程
Morlvoid的博客
07-25 786
Vue基础环境 Node.js ( v10以上 ) npm yarn 安装 Vue-cli 2.x/3.x 版本 #安装2.x/3.x版本 : npm install vue-cli -g yarn global add vue-cli vue list #卸载2.x/3.x版本 : npm uninstall vue-cli -g #检查安装版本 : vue --version npm : 指明使用 node.js 命令 install : 安装 vue-cli : 要安装的工具 –g
vuecli2.x升级到vuecli4.x，vue项目搬迁
dhlg123的博客
12-29 1650
前言 项目之前是vue2.x+vuecli2.9版本的脚手架进行搭建的，因为项目越来越庞大，实现动态路由懒加载时打包会卡死，需打包将近半个小时，所以考虑升级vuecli，提高打包速度。 一、vuecli2升级到vuecli4 1.卸载旧版本安装新版本 打开终端输入命令行检查当前版本：vue -V（是大写V，不是小写） 卸载旧版本：npm uninstall -g vue-cli 或cnpm uninstall -g vue-cli 安装新版本：npm install -g @vue/cli 或cnpm i
vue-cli3项目搭建与优化全攻略
"vue-cli3 从搭建到优化的详细步骤" 在本文中，我们将深入探讨如何使用vue-cli3从零开始搭建一个Vue.js项目，并逐步对其进行优化。Vue CLI 3 是 Vue.js 官方提供的一个命令行工具，它极大地简化了 Vue 项目的初始化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值