本文介绍了Vue CLI，它是基于Vue.js的快速开发系统，依赖可升级，基于webpack配置。Vue CLI提供了vue命令行工具，通过vue create创建项目，使用vue-cli-service进行开发、构建和配置。此外，还提到了Vite，它是Vue.js的新型构建工具，以更快的热重载和模块按需编译为特点。
在使用Vue框架时，刚开始入手是用的Vue-cli、或者Vue3.0，的Vite这些脚手架，即帮你把webpack等一些打包环节配置，不用再去管打包这些，这里就来看看这些的使用及原理。
主要参考自Vue的官网，链接如下https://cli.vuejs.org/zh/guide/
Vue-cli
介绍
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。
使用Vue-cli是一个基于vue.js进行快速开发的完整系统，运行时的依赖可升级，基于webpack配置，通过插件扩展，
@vue/cli是一个全局安装的npm包，提供了终端里的vue命令，可以通过vue create快速搭建一个新项目。也可以通过vue ui一套图形化界面管理你的所有项目。
@vue/cli-service是一个开发环境依赖，一个npm包，局部安装在每个@vue/cli创建的项目中。这个cli-service是构建在webpack和webpack-dev-server之上的，包含了：加载其他插件的核心服务，一个针对绝大部分应用优化过的内部的 webpack 配置；以及项目内部的vue-cli-service命令，提供serve、build和inspect命令。
CLI 插件是向你的 Vue 项目提供可选功能的 npm 包，例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-t
最低0.47元/天 解锁文章
1383
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
