原文地址：Vue-cli 脚手架搭建项目_小晗同学的博客-CSDN博客_vue脚手架搭建项目
1.安装 vue-cli
npm install --global @vue/cli
2.创建项目
vue create 项目名
如果不能选择用下面命令创建
winpty vue.cmd create 项目名
3.等待几秒
Default：默认勾选 babel、eslint，回车之后直接进入装包；
Manually：自定义勾选特性配置，选择完毕之后，才会进入装包；
Manually：手动选择特性，支持更多自定义选项。
(选择完成后回车)
4.选择项目需要的功能
- Babel 主要是对es6语法转换成兼容的js （选上）
- TypeScript 支持使用TypeScript语法来编写代码
- Progressive Web App (PWA) Support [把网页做的更像原生app]
- Router 支持vue路由配置插件（一般都会选择）
- Vuex 支持vue程序状态管理模式 (一般都会选择)
- CSS Pre-processors 支持css预处理器 （一般都会选择）
- Linter / Formatter 支持代码风格检查和格式化 （选上）
- Unit Testing 单元测试
- E2E Testing E2E测试
- 按空格键选择，a键全部选择，i键反转选择
5.选择vue版本
6.使用历史模式为路由器?(需要正确的服务器设置，以便在生产中进行索引回退)(Y/n)
vue-router有两种模式，hash模式和history模式。
它们的直观区别是：hash模式url带#号，history模式不带#号。所以如果要考虑url的规范就使用history模式，因为它没有#号，是个正常的url适合推广宣传。
功能也有区别，例如开发app时分享页面，把这个页面分享到第三方的app里，有的app里面url是不允许带有#号的，所以要将#号去除就要使用history模式。
不过history模式在访问二级页面的时候，做刷新操作会出现404错误，需要和后端人配合去配置一下apache或是nginx的url重定向，重定向到你的首页路由上。
history模式改变url的方式会导致浏览器向服务器发送请求，而hash值变化不会导致浏览器向服务器发出请求，并且 hash 改变会触发 hashchange 事件，浏览器的进后退也能对其进行控制。
hash的传参是基于 url 的，如果要传递复杂的数据，会有体积的限制，而 history 模式不仅可以在url里放参数，还可以将数据存放在一个特定的对象中。
7.选择一个CSS预处理器(默认支持PostCSS, Autoprefixer和CSS模块)
8.选择校验工具
9.选择在什么时机下触发代码格式校验
Lint on save：每当保存文件的时候校验
Lint and fix on commit：每当执行 git commit 提交的时候校验
10.你喜欢把Babel, ESLint等的配置放在哪里?
In dedicated config files：分别保存到单独的配置文件
In package.json：保存到 package.json 文件中
11.是否将这次的涉资保存为未来项目的预设？
12.回车后，向导配置结束，开始装包。安装包的时间可能较长，需要耐心等待…
