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架手架4和3的区别_vue-cli3脚手架的使用和相关配置
weixin_35604021的博客
02-22 1850
前言通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。一套完全图形化的创建...
vue-cli3项目升级到vue-cli4 的方法总结
10-15
主要介绍了vue-cli3项目升级到vue-cli4 的方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli2/3/4的区别
忘缘
06-03 1万+
这里写目录标题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脚手架与创建vue项目
最新发布
qq_48843954的博客
05-28 659
vue脚手架的安装与创建vue项目需要先行安装配置node与npm，详情可以看node、npm的下载、安装、配置_node 下载安装-CSDN博客。
vue/cli不同版本差异
weixin_43123984的博客
08-29 2454
vue-cli与vue之间是什么关系?vue-cli是vue的脚手架，用于快速搭建一个项目的模版。通俗来讲就是创建一个空项目，并且做好webpack，node相关的配置。// 查看vue版本 npm list vue // 查看脚手架版本 vue - V 或。......
vue-cli3与vue-cli4的区别
热门推荐
JC的博客
01-17 2万+
@vue/cli-plugin-pwa、@vue/cli-service等包的增强 原来在根目录下的vuex.js、route.js被分别放到了对应的文件夹下 希望大家补充和细化
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
我们有很多现有的vue-cli（3.x / 4.x）项目。 在生产中：基于webpack的vue-cli仍然是捆绑webapp的最佳实践（通过代码拆分，旧版浏览器的旧版构建）。 在开发中：即时启动服务器并通过闪电快速实现HMR很有趣。 ...
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-cli4-vant：基于vue-cli4和vant的移动端开发模板
02-06
技术栈：vue-cli4 + webpack4 + vant + axios +更少+ postcss-px2rem // 安装依赖npm install// 本地启动npm run dev// 生产打包npm run build配置优势vant是一套轻量，可靠的移动端Vue组件库，非常适合基于vue技术...
Vue全家桶之VueCLI 脚手架V2→V4版本(三)
Augenstern_QXL的博客
09-14 1924
✍ 1、Vue组件 组件化开发指的是：根据封装的思想，把页面尚可重用的 UI 结构封装为组件，从而方便项目的开发和维护 Vue 是一个支持组件化开发的前端框架 Vue中规定：组件的后缀名是 .Vue，我们之前接触的 App.vue 文件本质尚就是一个 vue 的组件。 1.1、Vue组件的三个组成部分 每个 .Vue 组件都是由三部分组成，分别是 template -> 组件的模板结构 script -> 组件的 JavaScript 行为 style -> 组件的样式 其中，每个组件
vue-cli2与vue-cli3/4的区别
weixin_43964271的博客
09-19 658
vue-cli2与vue-cli3/4的区别
【前端开发】Vue-CLI4 &Vue-CLI3 与Vue-CLI2 的区别以及打包配置问题
go
04-25 2122
前面一直用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中使用svg图片（cli2.x、cli3.x、cli4.x配置）
XHL的博客
04-23 583
一、安装 svg-sprite-loader 插件 npm install svg-sprite-loader 二、基于 vue-cli2 项目 webpack 配置 配置build文件夹中的 webpack.base.conf.js 文件 //注意 url-loader 中要将 icons 文件夹排除, 不让 url-loader 处理该文件夹 exclude: [resolve('src...
hadoop2.9.2安装hadoop_pid_dir_手把手教你安装使用Vue CLI (2.x 3.x 4.x)
weixin_39777540的博客
11-25 107
安装vue脚手架之前，先安装好node环境！！!以下安装过程中，如果重复安装一直报错，可以尝试使用下面命令清理npm缓存npm cache verifynpm cache clean --force安装webpacknpm i webpack-cli -g #全局安装, linux和Mac 需要加sudowebpack-cli -v #安装后, 可查看版本Vue CLI 2...
Vue-cli2.x/3.x/4.x不同版本安装过程
Morlvoid的博客
07-25 782
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
安装vue脚手架@vue/cli 4.5.13(稳定版)
哈哈哈，呜呜呜
10-09 1万+
安装vue脚手架vue/cli@3.12.1(稳定版) 最近从0搭建一个 vue 简单的 h5 页面，还记得以前自己是用 vue-cli 2.0的版本 里面有默认配置好的webpack配置，但现在很多小伙伴都已经用最新的 @vue/cli 4+ 版本了，毕竟 @vue/cli 3 以上 的版本，比 2.0 的配置文件简洁了很多，当然你还得跟上时代的脚步，不然你就被淘汰了。但自己搭建过的小伙伴都应该知道， ...
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
09-07
vue-cli是一个构建Vue.js工程的脚手架工具，帮助开发者快速搭建和管理Vue.js项目。而vue-cli 2.9.6版本是其一个较早的版本，可以使用它来初始化一个基于webpack的Vue.js工程。 使用vue-cli 2.9.6版本初始化webpack工程，首先需要确保本地已安装了node.js和npm。 在命令行中执行以下命令来安装vue-cli： ``` npm install -g vue-cli@2.9.6 ``` 安装完成后，可以使用以下命令来初始化一个webpack工程： ``` vue init webpack my-project ``` 这里的"my-project"是你自定义的项目名称，可以替换为其他名称。 执行上述命令后，vue-cli会根据webpack模板生成项目的基本结构和文件。 接着，需要进入项目文件夹： ``` cd my-project ``` 然后执行以下命令来安装项目所需的依赖： ``` npm install ``` 安装完成后，可以使用以下命令来启动项目： ``` npm run dev ``` 这样，webpack工程就成功初始化并启动了。通过访问http://localhost:8080，可以在浏览器中查看项目的运行效果。 在初始化的工程中，可以编辑和修改src目录下的文件，这里的主要文件包括App.vue和main.js，分别是Vue组件和入口文件。 总之，使用vue-cli 2.9.6版本初始化webpack工程能够为开发者提供一个基于webpack的Vue.js开发环境，使他们能够更高效地进行Vue.js项目的开发和管理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值