Web前端学习之Vue CLI 3—前端开发又一利器

Vue.js团队发布了一个新的、经过改进的CLI。Vue CLI 3在灵活性和易用性方面都是一个重大飞跃，它使你的Vue项目能够即时访问前端世界中最好的构建工具，并将它们与合理的默认值无缝结合，同时，它允许轻松配置和定制，以满足你的特定需求。如果你也想学更多的前端技能，建议参加千锋重庆web前端学习，可以在短时间内获得快速提升。

 

为了实现这一点，Vue CLI 3采用了新的基于插件的体系结构，不同于版本1和版本2基于模板的体系结构。在这种新的体系结构下，项目配置存储在独立的插件中，即一个用于TypeScript，一个用于ESLint等。

 

以下是关于Vue CLI 3的一些新特征：

 

没有锁定，因为插件可以在开发生命周期的任何时候添加。

 

零配置插件允许你花时间开发而不是配置。

 

易于升级，因为无需“弹出”即可自定义配置

 

允许开发人员制作自己的插件和预设。

 

最后，Vue CLI 3将你从一个空白画布快速带到一个正在运行的服务器，使你能够用一个.Vue文件来创建项目原型。

 

插件架构

 

Vue CLI 3项目的基本配置是裸体Webpack和Babel。所有附加功能可通过插件添加，插件可通过以下一种或多种方式增强项目配置：

 

更改网页包配置（例如添加新的加载程序）。

 

修改package.json（例如添加脚本）。

 

更改项目树中的其他文件（例如，将标记注入index.html）。

 

Vue CLI 3官方插件包括Typescript、PWA、Vuex、Vue路由器、ESLint、单元测试等。当然，这些插件提供了开箱即用的最佳实践配置。

 

Vue CLI 是一个完整的用于现代 Web 开发的系统，它让我们能够快速、轻松地使用整个 Vue 生态系统和第三方工具，提高开发速度和质量，更好地创建、管理和部署项目。