Vue CLI

俗称为脚手架

如果只是简单的写几个 vue 的 demo程序，那么就不需要 Vue CLI

但是如果在开发大型项目，那么就需要使用Vue CLI

~使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构的部署、热加载、代码单元测试等事情

~如果每个项目都要手动完成这些工作，那无疑效率是比较低的，所以通常我们会使用一些脚手架工具来帮助完成这些事情

Vue CLI 使用前提

Node

安装 node.js

webpack

~对所有的资源会压缩等优化操作

~它在开发过程中提供了一套完整的功能，能够使得我们开发过程中变得高效

webpack的全局安装

npm install webpack -g

安装脚手架

npm install -g @vue/cli

Vue CLI2初始化项目

vue init webpack my -project

Vue CLI3初始化项目

vue create my -project

npm run build 与 npm run dev

指令：vue ui

可以启动本地服务器，打开网页通过图形化的方式去修改对应的相关配置信息