1、安装

卸载旧版本的vue-cli

npm uninstall vue-cli -g 或 yarn global remove vue-cli
node版本在8.9以上
安装

npm install -g @vue/cli 或 yarn global add @vue/cli
查看版本

vue --version 或 vue -V

2、创建一个项目

vue create my-project

Please pick a preset：选取一个 preset，可以选择默认的default (babel, eslint)包含 Babel + Eslint 设置的 preset，也可以选择手动选择特性Manually select features 来选取需要的特性。

默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。一般选择“手动选择特性”。

Check the features needed for your project：选择配置，看个人项目需求，空格键是选中与取消，A 键是全选
Babel
TypeScript
Progressive Web App (PWA) Support
Router
Vuex
CSS Pre-processors
Linter / Formatter
Unit Testing
E2E Testing

Babel 将 ES6 代码转换成 ES5 代码

TypeScript 支持使用 TypeScript 书写源码

Progressive Web App (PWA) Support PWA 支持

Router 支持 vue-router

Vuex 支持 vuex

CSS Pre-processors 支持 CSS 预处理器

Linter / Formatter 支持代码风格检查和格式化

Unit Testing 支持单元测试

E2E Testing 支持 E2E 测试

Router:选择 history 模式

CSS 预处理器:选择 Less

Linter:选择 ESLint + Standard config

语法检查方式：保存就检测Lint on save

配置文件存放地方：独立文件夹In dedicated config files

询问是否记录这一次的配置，以便下次使用，如一开始的时候会显示的 vue-cli3配置

回车确定等待下载

3、启动

cd my-project   // 进入到项目的根目录
npm run serve   // 启动项目

Vue-CLi3.x快速搭建Vue项目

1、安装

2、创建一个项目

3、启动