vuecli3.0+typescript构建项目

 
npm install -g @vue/cli
 
# OR
 
yarn global add @vue/cli
 
 
 
安装完成后可通过
 
vue -V
 
查看版本

 
? Please pick a preset:
 
default (babel, eslint) //默认配置
 
> Manually select features //手动选择

 
? Check the features needed for your project:
 
(*) Babel // Javascript转译器
 
(*) TypeScript // 使用 TypeScript 书写源码
 
( ) Progressive Web App (PWA) Support // 渐进式WEB应用
 
(*) Router // 使用vue-router
 
(*) Vuex // 使用vuex
 
(*) CSS Pre-processors // 使用css预处理器
 
>(*) Linter / Formatter // 代码规范标准
 
( ) Unit Testing // 单元测试
 
( ) E2E Testing // e2e测试

? Use class-style component syntax? (Y/n) N

 
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfi
 
 
 
lls, transpiling JSX)? (Y/n) Y

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

 
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported
 
 
 
by default): (Use arrow keys)
 
> Sass/SCSS (with dart-sass) // 保存后编译
 
Sass/SCSS (with node-sass) // 实时编译
 
Less
 
Stylus

 
? Pick a linter / formatter config: (Use arrow keys)
 
> TSLint // typescript格式验证工具
 
ESLint with error prevention only // 只进行报错提醒
 
ESLint + Airbnb config // 不严谨模式
 
ESLint + Standard config // 正常模式
 
ESLint + Prettier // 严格模式

 
> to invert selection)
 
>(*) Lint on save
 
( ) Lint and fix on commit

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

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

 
$ cd vue-ts
 
$ npm run serve