Vue.js 3开发基础与实战课件 第七章 Vue CLI脚手架的使用.pptVIP

模块化开发12环境准备3VueCLI的基本使用4SPA和SFC开发5插件和配置6Vite-新型前端构建工具VueCLI的基本使用在使用Vue开发项目时，一开始就需要进行许多准备工作，例如创建项目目录结构、配置项目的打包和部署方式、编写代码单元测试等一系列操作。如果每次都要手动完成这些操作，无疑会降低开发效率。因此，我们可以借助一些工具来自动化这些步骤，这些工具被称为脚手架。VueCLI（CommandLineInterface）是一个基于Vue进行快速开发的项目脚手架。它可以让开发者实现零配置的原型开发，它提供一个基于webpack构建，并带有合理的默认配置，可进行项目配置的运行时依赖。并且它还提供了丰富的插件，可以更好的帮助完成项目的开发。VueCLI由以下三部分组成：@vue/cli：一个全局的npm依赖包，它提供了快速构建Vue项目的能力。通过使用命令vuecreate，我们可以轻松创建Vue项目。此外，@vue/cli还提供了一个图形化界面的项目构建方式，通过命令vueui可以启动一个可视化界面，用于管理所有的项目。VueCLI的基本使用@vue/cli-service：CLI服务，它是一个局部的开发环境依赖包。提供了CLI插件的核心服务以及经过优化过的内部的webpack配置；并且为vue项目内部提供了serve