Vscode配置ESlint+Prettier，实现Typescript代码保存时，自动效验格式并修复

安装插件VScode安装2个插件：ESLint、Prettier

VScode安装2个插件：ESLint、Prettier

安装成功后在配置设置中或按ctrl+shit+p，输入setting.json选择首选项：打开设置（json）回车 在设置中插入以下配置：

// eslint配置项，保存时自动修复
"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true 
},
// 默认使用prettier格式化支持的文件
"editor.defaultFormatter": "esbenp.prettier-vscode",
//自动设定eslint工做区
"eslint.workingDirectories": [
    { "mode": "auto" }
]
复制代码

为你的项目安装一下插件

yarn add eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin prettier eslint-config-perttier eslint-plugin-prettier --dev
复制代码

或者

npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin prettier eslint-config-perttier eslint-plugin-prettier --dev
复制代码

新建eslint 配置文件

在项目分目录下新建.eslintrc.js文件写入以下内容

modult.exprots = {

}
复制代码