版本区别

我用个表格详细区分下Vue CLI各个版本的区别：

vue-cli3和4区别：

内容区别：dev.to/sfbdev

Vue2和3区别：

搭建的项目结构区别：

vue-cli2

vue-cli3

注意： 1、Vue CLI工具在v2版本从npm下载是使用 npm i -g vue-cli，从v3版本开始vue-cli就会变成 @vue/cli 2、Vue CLI在版本v4.5之后可以除了创建Vue2的项目，还可以创建Vue3.0的项目。

本着新项目用新技术的原则，我们应该用最稳定较新的版本。Vue3因为太过新，所以不使用。

使用Vue2.6是最好选择，但是由于我之前的项目都是Vue2.5的，那么Vue2.5和Vue2.6有哪些区别呢？很影响项目开发吗？

vue2.5和vue2.6区别

vue2.5和vue2.6的区别：www.infoq.cn

• 新功能：

• slot新语法，slot性能提升
• 异步错误处理

• 动态指令参数
• 显式创建单独的反应式对象

• 服务器端渲染期间的数据预取
• 新 ES 模块构建，可直接导入使用

• 优化：编译器警告消息中的代码帧
• 底层

• 让 nextTick 恢复使用 Microtask
• 通过 this.$scopedSlots 暴露的函数现在总是返回 Arrays

优点：

• vue2.6发布时间很久，比较稳定，而且最新更新时间很近，对于新产品scv用2年前的不好
• vue2.6可以使用最新的脚手架，目录结构更清晰简单

• vue2.6与vue2.5新增修改的功能不多，用到的很少，还有一些只是底层的改进，用法不变

搭建过程

nodejs的安装

建议：使用14的稳定版本

http://nodejs.cn/download/

安装脚手架

推荐指定的稳定版本：

i === install

npm i -g @vue/cli@4.5.15

会vue3语法可以使用

npm i -g @vue/cli

创建项目：

vue create myprject

选择自定义：

选择需要的功能的使用空格即可

选项含义：

• Choose Vue version 选择Vue版本
• Babel 将采用 ES6语法编写的代码转换为ES5

• TypeScript 支持使用 JavaScript的TypeScript 书写源码。
• Progressive Web App (PWA) 渐进式网络应用程序支持。

• Router 支持 vue-router 路由。
• Vuex 支持 vuex状态管理 。

• CSS Pre-processors CSS 预处理器。
• Linter / Formatter 支持eslint格式化。

• Unit Testing 支持单元测试。
• E2E Testing 支持 E2E 测试。

cd xxxx （进入创建好的项目）

npm run serve (启动项目)