vuecli4和3区别
4因为我安装的时候vue-cli已经是4的版本了，而学习的视频中还是3的版本，并且讲了2与3的版本差异，网上查了一下，3与4的差异没有多大，大概这样，做了部分增强和文件重新组织的工作，但并不影响我们的使用接下来记录，vue-cli2与vue-cli3的差异vue-cli3是基于webpack4打造， vue-cli2基于webpack3 vue-cli3的设是什么。
试试语音朗读：
ˋ０ˊ
53、项目目录结构Vue CLI2新建项目，目录结构： Vue CLI4新建项目，目录结构： 从两个新建的项目目录结构来看，差别很大：Vue CLI4新建的项目，根目录结构内少了之前的build、config、static文件夹，配置文件也少了几个，连index.html 都没有了，但多了一个public 文件夹。4、项目启动命令两个项目启动命令的后面会介绍。
试试语音朗读：
1render(渲染器) →VDOM(虚拟DOM) →UI 对我们来说具体区别是： runtime-only性能高，体积更小runtime-compiler更容易理解三. vueCLi3和vueCLi4 1.vueCLi2和vueCLi3的区别3是用webpack4 打造的2是基于webpack3打造的3的设计原则： 0配置,移除了配置文件build config等目录vueCLi3提供了vue ui命等我继续说。
试试语音朗读：
╯ω╰
4我的vue/cli版本： 创建项目，选择Default ([Vue 2] babel, eslint) 选择Default (Vue 3 Preview) ([Vue 3] babel, eslint) 开始对比： 1、目录文件没有区别2、index.html没有区别3、babel.config.js没有区别4、main.js不同5、package.json不同还有呢？
试试语音朗读：
╯△╰
5由于我们的项目需要在不同环境下进行运行(开发，生产，测试等),这避免我们需要多次的去切换请求的地址以及相关的配置，vue-cli2是可以直接在config文件中进行配置的，但是vue-cli4和vue-cli3已经简化了，没有config文件怎么办？ 一、建立.env系列文件首先我们在根目录新建3个文件，分别为.env.development ,.env.producti等会说。
试试语音朗读：
●﹏●
⊙▽⊙
4vue-cli 3、4 与2 版本有很大区别vue-cli 3、4目录比2简洁了很多，没了build和config等目录vue-cli 3、4的github 仓库由原有独立的github 仓库迁移到了vue 项目下vue-cli 3、4项目架构完全抛弃了vue-cli 2 的原有架构，3、4 的设计更加抽象和简洁等会说。
试试语音朗读：
1vue-cli4 搭建项目的时候，手动添加配置里面，有一项“Choose Vue version”的选项，里面可以选择2.x 和3.x 的版本。为了搞清这两个的区别，我特意选择不同的版本分别试了一下。vue2.x 和vue3.x 生成的目录结构都是一样的，如下图： 不同的是里面package.json 和main.js 的内容。试试语音朗读：
1使用了Vue3.0 vue-router4.x vuex 4.x vu-cli 4.x 涵盖的知识点vue2 与vue3使用中的不同vue3新特性动态路由处理多环境配置1、引入方式有所不用vue3 引入组合式API | Vue.js man.js // 2.0importVuefrom'vue'importrouterfrom'./router'importstorefrom'store'Vue.config.productionTip=false到此结束了？。
试试语音朗读：
∪△∪
原创文章，作者：黑帽达人，如若转载，请注明出处：https://ftmpx.cn/rq0gc99c.html
