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

2,113 阅读1分钟

安装插件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 = {

}