使用Vue脚手架（Vue cli）构建Vue项目

一.什么是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项目启动的首