vue-cli2[vuecli2和vuecli3的区别]

欧易(OKX)交易所

新用户永久最高20%手续费减免!

官网注册   APP下载
vue-cli2[vuecli2和vuecli3的区别]

摘要:

vue-cli2和vue-cli3都是Vue.js的常用脚手架工具,但二者在部分技术细节和使用方面存在差异,本文将从四个方面详细描述这些区别。第一方面是项目生成方式的改变,包括v2的vue init和v3的vue create命令;第二方面是脚手架生成的项目配置文件不同,v3会默认创建vue.config.js等文件;第三方面是在webpack配置文件上有所不同,v3采用了新的webpack Chain API,优化了开发和打包效率;第四方面则是结构上的差异,v3将源码目录的结构调整,并将常用配置文件移动到了根目录。

正文:

项目生成方式的改变

在项目生成方面,vue-cli2使用vue init命令进行项目创建,而vue-cli3更换为vue create,这直接影响了项目的创建和运用。使用vue init新项目时,我们需要手动输入信息来配置项目名称、作者、模板以及package.json等文件信息,相比而言使用vue create更加方便,它会自动根据给定信息创建项目并且配置好所需文件,使得前端项目搭建变得更为便捷。

项目配置文件的不同

除了项目生成方式的改变,vue-cli3也将一些封装好的配置文件外放到了根目录下,例如babel.config.js和postcss.config.js等,这些文件的位置更易于访问,带来的可操作性更好。

webpack配置文件的差异

在webpack的配置方式上,vue-cli2采用的是手动编写配置文件的方式,而vue-cli3则使用了Webpack Chain插件来链式编写配置,配置项更加清晰易懂。比如vue-cli2中,我们需要在webpack.base.conf.js文件里修改webpack配置,但是在vue-cli3中,我们可以使用vue.config.js文件进行配置,这个文件只需要在根目录下创建就好了。vue-cli3中的方案使开发者编写webpack配置更加方便和简单,增加了可读性和易用性。

项目结构的改变

Vue CLI 3 对项目结构进行了调整和规范化。在Vue CLI 2 中,src目录下的组件文件是单独的,而assets比较混乱,经常将图片和样式混在一起,开发者在使用时显得有些杂乱无序。Vue CLI 3 则使用了约定大于配置的原则,对项目的目录结构进行了调整。例如,在 vue-cli3 中,所有的资源文件都会集中在 public 文件夹中,而在 src 文件夹中则包括了所有的应用程序代码以及需要打包的静态资源。这样做的好处是让代码更具可读性,使得开发工作变得更方便。

结论:

总的来说,vue-cli3在开发规范和配置更加友好,减少了开发者在开发过程中的复杂性和不必要的繁琐,提高开发效率。但是,在代码维护和更新时,手动维护配置项比较麻烦,需要进行及时更新,也需要考虑到项目的所有架构方面,因此在项目的选择上需要根据项目的具体情况来进行选择。

原创文章,作者:掘金K,如若转载,请注明出处:https://www.20on.com/326558.html

(0)
掘金K掘金K
上一篇 15 6 月, 2023 2:11 下午
下一篇 15 6 月, 2023 2:24 下午

欧易(OKX)交易所

新用户永久最高20%手续费减免!

官网注册   APP下载

相关推荐

  • luna币走势图实时(luna币前景)

    摘要:本文主要围绕着luna币的走势图实时和未来发展进行详细阐述,通过从技术、市场、竞争、未来前景四个方面分析和解读为读者提供全面的信息和观点,帮助读者更好地了解此币的动态和投资价…

    16 5 月, 2023
  • 比特币交易网站[比特币交易网站关闭了币子怎么办]

    摘要:随着加密货币的流行,比特币交易网站成为一种重要的交易市场。但万一其中一个交易网站关闭了该如何应对?本文就以比特币交易网站[比特币交易网站关闭了币子怎么办?]为中心,从四个方面…

    25 6 月, 2023
  • usdt钱包安卓版_usdt钱包安卓版官方下载v1.7.2

    目前国内最适合投资虚拟货币的便是usdt钱包安卓版。usdt钱包安卓版是一款虚拟货币交易平台,提供比特币、以太坊等上百种数字币的交易及投资,感兴趣就来看看吧!

    13 12 月, 2022
  • 美元人民币中间价USDCNYC(美元人民币中间价汇率)

    摘要:本文旨在介绍美元人民币中间价USDCNYC(美元人民币中间价汇率),让读者了解其重要性和影响。此外,本文将从汇率的定义、影响因素、历史变化和未来发展四个方面逐一进行详细的阐述…

    25 5 月, 2023
  • KAT币怎么样?KAT币值得投资吗?

    摘要: KAT币是什么?KAT币是基于区块链技术的数字货币,可以用于支付Kambria平台上的集成服务、购买硬件和软件产品以及访问Kambria无限制工具箱。本文主要探讨KAT币是…

    5 4 月, 2023
  • 元宇宙网站(元宇宙网站有哪些)

    摘要:随着网络技术和虚拟现实技术的发展,元宇宙开始蓬勃发展,并逐渐成为人们探索虚拟世界的新天地。本文将介绍元宇宙网站的概念、历史和发展现状,并从技术、应用、产业和未来发展四个方面对…

    20 5 月, 2023
  • imtoken钱包里面的钱都能取出来吗(imtoken倒入钱包)

    摘要:有人可能会问,在imToken钱包里面的钱都能取出来吗?这篇文章将探讨这个问题,解释imToken钱包如何工作以及如何倒入钱包。同时,本文还将通过阐述钱包的安全性、交易费用、…

    8 6 月, 2023
  • tp钱包是哪个国家的简单介绍

    摘要:TP钱包是一款来自新加坡的数字钱包,旨在为用户提供可靠的数字资产管理和交易平台。本文将从以下四个方面对TP钱包所在的国家进行简要介绍,分别为:新加坡的经济情况,国家的金融业发…

    14 6 月, 2023
  • 进博会logo[进博会logo图片]

    摘要: 本文围绕进博会logo展开,引出读者的兴趣,提供进博会的背景信息,并详细阐述进博会logo的设计理念、寓意和影响,通过分析和研究进博会logo,展示进博会的价值和意义。 一…

    20 6 月, 2023
  • ALGO币怎么买?安全交易所推荐

    ## 一、ALGO币是什么? ALGO币(Algorand)是一种去中心化的加密货币,它是由美国麻省理工学院教授Silvio Micali领导的团队开发的。它是一种全新的区块链技术…

    27 2 月, 2023

发表回复

登录后才能评论