搭建Vue脚手架（vue-cli）
一、那么我们就从最简单的环境搭建开始：
1.安装node.js
从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。
安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。
C:\Users\19565>node -v v12.13.1 C:\Users\19565>npm -v 6.12.1
这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。
2.安装webpack
打开命令行工具输入：npm install webpack -g，(-g代表全局安装)
安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
C:\Users\19565>webpack -v 4.42.0
补充：4.0版本以后还要安装webpack-cli；npm install webpack-cli -g
安装完成之后输入 webpack-cli -v，如果出现相应的版本号，则说明安装成功。
3.安装vue-cli脚手架构建工具
打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
C:\Users\19565>vue -V 2.9.6
二、通过以上三步，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目
1.在硬盘上找一个文件夹放工程用的指定到相关目录：cd 目录路径
C:\Users\19565>E: E:\>cd vuestu
2.安装vue脚手架输入：vue init webpack pack1 ，注意这里的“pack1” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。
E:\vuestu>vue init webpack pack1 --------------------- 这个是那个安装vue脚手架的命令 ? Project name pack1 ---------------------项目名称 ? Project description A Vue.js project ---------------------项目描述 ? Author liuxiaotao --------------------- 项目创建者 ? Vue build standalone ? Install vue-router? Yes --------------------- 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块） ? Use ESLint to lint your code? No ---------------------是否启用eslint检测规则 ? Set up unit tests No ? Setup e2e tests with Nightwatch? No ? Should we run `npm install` for you after the project has been created? (recommended) npm vue-cli · Generated "pack1". # Installing project dependencies ... To get started: --------------------- 这里说明如何启动这个服务 cd pack1 -------------------cd到项目里面 npm run dev ------------------------运行项目
3.启动项目
cd 命令进入创建的工程目录，首先cd pack1（这里是自己建工程的名字）
E:\vuestu>cd pack1 -------------------cd到项目里面 E:\vuestu\pack1>npm run dev ------------------------运行项目
I Your application is running here: http://localhost:8080
网址复制到网页打开，服务启动成功后浏览器会默认打开一个“欢迎页面”就Ok啦。
4.如果是下载别人的项目，cd到项目里还要下载安装别人项目依赖：npm install，通过自动构建过程中已存在package.json文件，会生成（node_modules）文件夹，我们自己创建的项目跳过这步。（集成：路由模块 vue-router，网络请求模块 vue-resource，前端框架ElementUI.....）
5.停止项目
Ctrl + c
6.打包项目
npm run build
参考文章：https://www.jianshu.com/p/1626b8643676/
一起学习，不足之处，多多指教。。。（下次分析项目层次结构）
