《前端框架技术》课件——第五章Vue项目化.pptxVIP

第五章Vue项目化第五章Vue项目化

学习目标组件简介VueCLI3.X脚手架的应用Vue插件的使用静态资源的处理环境变量与模式的配置Vue.config.js文件VueCLI3.X脚手架的安装

学习目标5.1快速构建项目Vue.jsVueCLI简介使用VueCLI构建项目

工程化开发脚手架VueCLI

VueCLI简介知识点概述VueCLI是Vue官方提供的一个全局命令工具。可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】好处：开箱即用，零配置内置babel等工具标准化

VueCLI简介知识点概述CLI是一个npm包，通过vue命令提供核心功能CLIService是一个开发依赖项，安装在使用CLI创建的每个项目中CLI插件也是npm包，为项目提供额外的功能VueClI的主要的组成工具

VueCLI构建项目知识点概述组件示例VueCLI脚手架的安装全局安装@vlue/cli脚手架查看当前版本号npminstall@vue/cli@3.10–gvue-V

VueCLI构建项目知识点概述组件示例vuecreate命名创建项目使用vuecreate命令创建项目，该命名会自动生成项目所需的文件、目录、配置和依赖选择项目创建方式vuec