一.什么是Vue cli？
? ? ? Vue cli 是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程，是一个基于 Vue.js 进行快速开发的完整系统。
二.Vue脚手架的执行步骤
1.检查是否安装npm
如果未安装，使用安装命令
npm install <Module Name>
?npm install -g @vue/cli
2.检查是否已经安装脚手架
键盘window+R打开cmd界面，执行命令
vue -V
3.安装Webpack工具包
Webpack是是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。
cnpm install webpack -g
4.创建Vue脚手架工程
进入你想要创建项目的目录，执行
vue create <项目名>
5.进入项目目录，启动项目
?npm run serve
三.项目目录介绍
? ? ? ?(1)public目录：静态资源文件夹.index.html是vue项目启动的首页
?? ? ??
?? ? ? (2)src目录：源码文件夹
?? ? ??
?? ? ? ? ? |-- assets目录：静态资源、测试数据
?? ??? ? ??
?? ??? ? ? |-- components目录：存放Vue组件(组件扩展名是.vue)
?? ??? ? ??
?? ??? ? ? |-- App.vue组件：主组件(启动组件)
?? ??? ? ??
?? ??? ? ? |-- main.js文件：核心文件。使用App.vue创建Vue组件,将该组件挂载到index.html的div上
|