Vue CLI(Vue Command Line Interface)是Vue.js的官方脚手架工具,用于快速搭建Vue.js项目。Vue CLI 2和Vue CLI 3之间有一些显著的区别,主要体现在以下几个方面:
1. 配置方式Vue CLI 2:使用配置文件(如config/index.js和build/webpack.base.conf.js)来进行项目配置。大部分配置需要手动修改这些文件。Vue CLI 3:采用了零配置的理念,默认隐藏了Webpack等配置文件。用户可以通过vue.config.js文件进行配置覆盖,或者使用插件系统来扩展功能。2. 插件系统Vue CLI 2:没有插件系统,所有的功能和配置都在脚手架生成时一次性确定。Vue CLI 3:引入了插件系统,允许在项目创建后随时添加、删除或更新插件。插件可以是官方的,也可以是社区提供的。3. 项目创建Vue CLI 2:使用vue init <template-name> <project-name>命令从模板创建项目,需要手动选择和配置各种选项。Vue CLI 3:使用vue create <project-name>命令创建项目,提供了交互式的命令行界面,允许用户选择预设或手动配置项目选项。此外,还可以使用vue ui命令启动图形化界面来创建和管理项目。4. 内置功能Vue CLI 2:功能较为基础,需要手动集成和配置各种工具和库。Vue CLI 3:内置了更多的功能和优化,例如:更好的Webpack默认配置和优化。支持现代模式(modern mode),可以生成现代浏览器和旧浏览器两套构建。内置了Babel、ESLint、TypeScript等工具的支持。5. 依赖管理Vue CLI 2:所有依赖项都固定在项目模板中。Vue CLI 3:依赖项可以根据需要动态添加,项目创建时可以选择需要的功能和依赖。6. 服务模式Vue CLI 2:使用单独的命令来运行开发服务器和构建项目,例如npm run dev和npm run build。Vue CLI 3:引入了vue-cli-service,统一了所有的CLI命令。开发服务器和构建命令都通过vue-cli-service来运行,例如vue-cli-service serve和vue-cli-service build。总结Vue CLI 3相较于Vue CLI 2提供了更简化的配置方式、更灵活的插件系统、更强大的内置功能和更好的用户体验。它大大简化了项目的创建和管理过程,使得开发者可以更专注于编写代码,而不是配置工具。
网友回复