基本概念
vue-cli：A simple CLI for scaffolding Vue.js projects. 一个简单的Vue.js工程命令行脚手架工具。
官网：https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-build
文件结构
一个比较典型的用webpack管理的vue项目应该有如下文件和文件夹：
文件夹：
config/：定义代理的域名
dist/: 整个前端项目用webpack打包后的目标存放文件夹，里面一般有bundle.js文件
lib/: 开发时引用的一些依赖文件，最经典的就是jquery
node_modules/：上面介绍的用npm对项目依赖组件进行安装时就放在这个文件夹里。
src/：自己写的源代码
文件：
index.html：主页入口文件
package.json：定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。
npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。webpack.config.js：【可以改名】管理webpack打包的配置文件
【webpack中文网：https://www.webpackjs.com/】
启动步骤
（1）git clone已建的vue项目
（2）安装nodejs，在任意路径下用cmd查"node --version"或者"npm -v"都能给出版本号即可。
（3）切换npm镜像：在任意路径下用cmd输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”
注：这样就能用淘宝的npm镜像代替国外的资源，懒得用代理同学的福音。以后就可以用cnpm命令来全部代替npm。不设置代理的话，在后续项目的npm install的时候，容易因为超时而失败。
有教程把这条命令的“--registry”写成只有一个“-”，注意是两个“--”。
（4）npm全局安装vue-cli：在任意路径的cmd下输入“cnpm install vue-cli -g”，安装vue-cli。在任意路径下输入vue能出来信息即可。
（5）npm项目依赖组件安装：cmd进入前端vue项目的根目录，输入命令“cnpm install”，会根据前端项目的package.json文件中配置的依赖关系下载好相关的组件，存在项目目录的node_modules文件夹下。
注：一般git库会gitignore依赖组件，也就是没有node_modules文件夹，不然太大了，而且文件零碎不易复制... 这步容易发生err，遇见了就要打回去重弄，不要掩耳盗铃，具体错误排查stackoverflow...。
（6）npm编译打包：第一次运行前，要对项目进行编译，cmd进入前端vue项目的根目录，输入命令“npm run build”，此时会对根目录下的package.json对build命令的定义进行编译。
注：也有"build" = "webpack -p"。
（7）启动项目：cmd进入前端vue项目的根目录，输入命令“npm run dev”，此时会用nodejs启动这个前端的vue项目。
第一次配置好后，以后启动只用一步：
进入前端项目根目录，cmd运行npm run dev
参考文章
https://blog.csdn.net/qq_27680317/article/details/71123051
