vue/cli4创建移动端项目完整流程记录（1）

1.安装
先查看node，npm版本

node --version

npm --version

没有的话官网安装一下，显示版本号则安装成功。

全局安装脚手架

npm install @vue/cli -g

安装成功查看

vue -V

显示版本号则安装成功

@vue/cli 4.0.5

为目前最新版本。

2.搭建项目

vue create 你的项目名称

default (babel, eslint) 默认配置
Manually select features 手动配置

这里选择手动配置，配置我们需要的

? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 ( ) Router
 ( ) Vuex
 ( ) CSS Pre-processors
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing   

一般我们选择Babel，Router，Vuex， CSS Pre-processors，Linter / Formatter。回车下一步

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) 

这里是问我们要不要使用history mode，页面路由是否含有#;选择Y，继续回车下一步

> Sass/SCSS (with dart-sass)
  Sass/SCSS (with node-sass)
  Less
  Stylus                                                                                                                          

选择预处理器，我一般选择node-sass，回车下一步

> ESLint with error prevention only
  ESLint + Airbnb config
  ESLint + Standard config
  ESLint + Prettier 

代码校验这里我们选择ESLint + Prettier;

>(*) Lint on save
 ( ) Lint and fix on commit 

选择什么时候进行代码校验，Lint on save 保存就检查，Lint and fix on commit fix 或者 commit 的时候检查，这里我们选择第一个

? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)
> In dedicated config files
  In package.json  

配置保存在 In package.json中

? Save this as a preset for future projects? (y/N) 

是否把刚才的配置保存一下，以后开发就按照这个来，这里我选择N，配置多练练没坏处。
继续回车下一步。项目开始生成了。

cd 进入到你的项目里，npm run serve 启动项目。默认端口都是8080。

3.其它配置
先看一下目录结构

相比较2.x版本，少了很多js文件，干净了很多。接下来的配置见下一篇