vue_cli4.0创建第一个项目

1、查看node版本 node -v  需求8.9以上 gnvm查看可用的node版本 gnvm use 8.12.0 切换版本

2、全局安装

 查看vue_cli版本

1、创建项目。

让选择一项预配置：

hhh：选择预设配置为router、vuex、babel、eslint

default：babel、eslint

Manually select features：手动选择配置，这里选择手动选择，其实hhh的预设配置就行，大多项目离不开那几个预设配置

选择手动配置Manually select features

注意，上下键是选择那一项，空格键是选中与取消，A键是全选
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。

2、是否用路由history模式 （两种模式：hash和history模式）这里选择history 输入y

 3、选择css预处理器 这里用scss node-sass

 4、选择哪个ESLint自动化代码格式化检测，分别为，只预防、airbnb配置、标注配置、最高配置，这里选择最后一种最高配置

 

 5、选择代码检测的时机，这里选择在保存代码时检测

 6、单元测试，选择Mocha

 7、配置文件存放的地方，第一个放在单独文件里，第二个放在package.json里，选择第一个

 8、是否保存当前的配置以便下次创建使用，看个人想法选择，觉得不麻烦选择n

选择n 回车 创建项目中 

 创建完成

进入项目根目录 cd koa_ui_demo  

yarn serve 启动项目

 启动成功

打开浏览器输入 localhost:8081

OK 搞定！ 

项目目录如下，缺少了配置文件，需要自己配置了，和vue_cli3没有啥区别，就是router和store分别在index.js中配置