Vue-cli3 搭建项目

// 卸载之前版本
npm uninstall vue-cli -g 
或 
yarn global remove vue-cli


// 安装最新版本
    npm install -g @vue/cli
或
    yarn global add @vue/cli

//查看
vue --version
或
vue -V

创建一个新项目:

vue-cli3快速创建项目`
1： vue create my-project

前两项都是你此前保存的设置，是我之前保存的预设配置。如今就可以直接使用了。如果没有配置保存过，可以选择Manually select features

使用上下键配合 空格选中
 ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
 2 >( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 
 3 ( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用
 4 ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
 5 ( ) Router // vue-router（vue路由）
 6 ( ) Vuex // vuex（vue的状态管理模式）
 7 ( ) CSS Pre-processors // CSS 预处理器（如：less、sass）
 8 ( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）
 9 ( ) Unit Testing // 单元测试（unit tests）
10 ( ) E2E Testing // e2e（end to end） 测试

2:
这里询问的是 是否使用class风格的组件语法，如果在项目中想要保持使用Typescript的class风格的话，建议大家选择y

3:
使用Babel与TypeScript一起用于自动检测的填充?这里选择y

4:
路由是否使用history模式？
5:

ESLint with error prevention only // 只进行报错提醒
ESLint + Airbnb config // 不严谨模式
ESLint + Standard config // 正常模式
ESLint + Prettier // 严格模式
TSLint (deprecated) // TypeScript格式验证工具

我选择的第一项。
6：
Unit Testing
? Pick a unit testing solution: (Use arrow keys)

Mocha + Chai
Jest
选择第一项。

原文： https://segmentfault.com/a/1190000022684511?utm_source=tag-newest