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 = {

}
複製代碼