VSCode存檔時自動執行格式化javascript程式碼

1. 安裝VSCode外掛 eslint

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

之前tyescript微軟有寫tslint不過廢棄了，現在用eslint外掛

2. 設定VSCode

建立.vscode/settings.json檔案，將eslint的設定開啟。

{

    "editor.codeActionsOnSave": {

        "source.fixAll.eslint": true

    }

}

3. 設定你要的lint風格

eslint設定檔是.eslintrc.json

你也可以用eslint套件來產生

yarn add -D eslint

輸入以下指令後會以交互提問來確認你想要產生的設定檔

yarn eslint --init

以下是我產生一個typescript用的.eslintrc.json設定檔

{

"env": {

"node": true,

"jest": true

},

"extends": "standard",

"parser": "@typescript-eslint/parser",

"parserOptions": {

"ecmaVersion": 12,

"sourceType": "module"

},

"plugins": [

"@typescript-eslint",

],

"rules": {

},

"ignorePatterns": [

"node_modules",

"dist"

]

}