VSCode Eslint+Prettier配置

打開VSCode設置

{
    "editor.fontLigatures": true,
    "editor.fontFamily": "Fira Code Light , Consolas, 'Courier New', monospace",
    "editor.maxTokenizationLineLength": 2000000,
    // 保存時自動格式化代碼
    "editor.formatOnSave": true,
    // eslint配置項，保存時自動修復錯誤
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    // 終端
    "terminal.integrated.profiles.windows": {
        "cmder": {
            "path": "C:\\WINDOWS\\System32\\cmd.exe"
        }
    },
    "terminal.integrated.defaultProfile.windows": "cmder",
    // json 最大編譯值
    "json.maxItemsComputed": 500000,
    // 文件後綴支持
    "files.associations": {
        "*.tpl": "html"
    },
    "security.workspace.trust.emptyWindow": false,
    "security.workspace.trust.enabled": false,
    "editor.wordWrap": "on",
    /** 格式化 */
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    /************** ESlint *****************/
    // "eslint.enable": true,
    "eslint.format.enable": true,
    "eslint.run": "onType",
    "eslint.nodePath": "",
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue",
            ".ts",
            ".tsx"
        ]
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    /************** Prettier *****************/
    // "editor.defaultFormatter": "esbenp.prettier-vscode",
    // #去掉代碼結尾的分號
    // "prettier.semi": true,
    // #使用單引號替代雙引號
    // "prettier.singleQuote": true,
    // "editor.fontWeight": null,
    // "explorer.confirmDelete": false,
    // "[html]": {
    //     "editor.defaultFormatter": "esbenp.prettier-vscode"
    // },
    // "less.compile": {
    //     "out": "${workspaceRoot}/"
    // },
    // // "[typescriptreact]": {
    // //     "editor.defaultFormatter": "esbenp.prettier-vscode"
    // // },
    // "[typescript]": {
    //     "editor.defaultFormatter": "esbenp.prettier-vscode"
    // },
    // "[javascript]": {
    //     "editor.defaultFormatter": "esbenp.prettier-vscode"
    // },
    // "js/ts.implicitProjectConfig.experimentalDecorators": true,
    // "[typescriptreact]": {
    //     "editor.defaultFormatter": "esbenp.prettier-vscode"
    // },
}