text VSCode设置+ Prettier + Eslint集成

Posted 2021-05-01

{
    "git.ignoreMissingGitWarning": true,
    "workbench.iconTheme": "vscode-icons",
    "workbench.statusBar.feedback.visible": false,
    "window.menuBarVisibility": "toggle",
    "files.defaultLanguage": "javascriptreact",
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "xml": {
            "attr_quotes": "single"
        }
    },
    "workbench.editor.tabSizing": "shrink",
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "meta.tag",
                "settings": {
                    "foreground": "#ececec"
                }
            },
            {
                "scope": "meta.function.method.js",
                "settings": {
                    "foreground": "#ececec"
                }
            },
            {
                "scope": "meta.object-literal.key",
                "settings": {
                    "foreground": "#89CA78"
                }
            },
            {
                "scope": "variable.parameter",
                "settings": {
                    "fontStyle": ""
                }
            },
            {
                "scope": "variable.language.super",
                "settings": {
                    "fontStyle": ""
                }
            },
            {
                "scope": "entity.other.attribute-name.js.jsx",
                "settings": {
                    "fontStyle": ""
                }
            },
            {
                "scope": "entity.name.type.class.js.jsx",
                "settings": {
                    "foreground": "#52ADF2"
                }
            },
            {
                "scope": "meta",
                "settings": {
                    "foreground": "#ececec"
                }
            },
            {
                "scope": "punctuation.section.embedded",
                "settings": {
                    "foreground": "#D55FDE"
                }
            },
            {
                "scope": "punctuation.definition.block.js.jsx",
                "settings": {
                    "foreground": "#ffffff"
                }
            },
            {
                "scope": "punctuation.separator.comma.js.jsx",
                "settings": {
                    "foreground": "#ffffff"
                }
            },
            {
                "scope": "meta.tag.js.jsx",
                "settings": {
                    "foreground": "#ffffff"
                }
            },
            {
                "scope": "meta.brace.round.js.jsx",
                "settings": {
                    "foreground": "#ffffff"
                }
            },
        ]
    },
    "editor.formatOnSave": false,
    "editor.tabSize": 4,
    "editor.detectIndentation": true,
    "editor.insertSpaces": true,
    "editor.renderWhitespace": "all",
    "editor.fontSize": 12,
    "eslint.alwaysShowStatus": true,
    "eslint.autoFixOnSave": true,
    "editor.foldingStrategy": "indentation",
    "editor.wordWrap": "on",
    "files.associations": {
        "*.js": "javascriptreact"
    },
    "prettier.eslintIntegration": true,
    "eslint.enable": true,
    "eslint.options": {
        "env": {
            "browser": true,
            "es6": true,
            "node": true
        },
        "extends": "eslint:recommended",
        "parserOptions": {
            "ecmaFeatures": {
                "ecmaVersion": 6,
                "jsx": true,
                "modules": true
            },
            "sourceType": "module"
        },
        "plugins": ["react", "react-native"],
        "parser": "babel-eslint",
        "rules": {
            "indent": ["error", 4],
            "quotes": ["error", "single"],
            "object-curly-spacing": ["error", "always"],
            "react/jsx-uses-react": "error",
            "react/jsx-uses-vars": "error",
            "no-console": 0,
            "ignoreChainWithDepth": 0,
            "linebreak-style": 0,
            "react-native/no-unused-styles": 2,
            "react-native/split-platform-components": 2,
            "react-native/no-inline-styles": 2,
            "react-native/no-color-literals": 2,
            "react-native/no-raw-text": 2
        }
    },
    "prettier.tabWidth": 4,
    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true,
    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": true,
    "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": true,
    "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true,
    "beautify.tabSize": 4,
    "workbench.colorTheme": "One Dark Pro Vivid"
}