eslint 无法格式化ts_vs code保存自动格式化代码及eslint/tslint修复-太爽（丝滑般的感觉）...

现在没有前后端分离的开发模式都不好意思跟同行交流。前后端分离的好处这里就不再赘述了。

本司开发的系统是基于Angular(ng zorro)，TypeScript，后台采用Spring Boot。写前端本人独爱vs code，配合vs code的一些插件，写代码简直那个爽(丝滑般的感觉)。

vs code保存自动格式化代码及eslint/tslint修复，是不是能找到宇宙最强大，最好用的IDE Visual Studio的感觉？

下面我分享一下我的vs code配置。

一、vs code版本Version: 1.45.0 (user setup)

二、安装插件

需要安装一下插件：

ESLint

TSLint

Prettier - Code formatter

Manta's Stylus Supremacy

language-stylus

Vetur

三、配置prettier

Prettier是一个能够完全统一你和同事代码风格的利器,并且统一的代码风格能保证代码的可读性。

在项目根目录增加文件.prettierrc

{

"printWidth":120,

"semi":false,

"singleQuote":true

}

四、配置tsconfig

tsconfig.json：

{

"compileOnSave":false,

"compilerOptions": {

// "baseUrl": "./",

// 添加路径相关

"baseUrl":"src",

"paths": {

"@app/*": ["app/*"]

},

"outDir":"./dist/out-tsc",

"sourceMap":true,

"declaration":false,

"downlevelIteration":true,

"experimentalDecorators":true,

"module":"esnext",

"moduleResolution":"node",

"importHelpers":true,

"target":"es2015",

"lib": [

"es2018",

"dom"

]

},

"angul