vue-cli是一个脚手架工具，包含了诸多前端技术：
webpack
babel
eslint
http-proxy-middleware
typescript
css pre-prosessor
css module
这些工具，他们大部分依赖两个东西
node环境：很多工具的运行环境
npm：包管理器，用于下载各种第三方库
目前，npm已经和node集成，当安装node后会自动安装npm
安装node：
https://nodejs.org/zh-cn/
下载长期支持版
验证安装：
打开终端，node -v。npm -v会显示版本信息
配置原地址：
默认情况下，npm安装包会从国外网站下载，速度非常慢，容易下载失败，因此要使用命令更改npm原地址为淘宝源
npm config set registry http://registry.npm.taobao.org/
更改好之后，查看原地址是否正确的被更改
npm config get registry
安装vue-cli
使用下面的命令安装vue-cli工具
npm install -g @vue/cli
安装好之后，检查vue-cli是否安装成功
vue --version
搭建工程
进入到目标路径的终端下
vue create 工程名
注意：工程名由字母、数字、下划线构成
如何使用脚手架开发？
1.cd到工程名目录下
2.npm run serve -> 建立一个自己的IP Server，在浏览器中进入Server不断开发
3.开发完成，npm run build -> 打包src的开发代码变为可运行代码，在dist文件夹中
理解工程结构
src:所有开发代码都在里面，包括组件，css，js，vue文件
public:开发的图片，html文件
dist:打包后的可执行文件