VS Code settings configuration

VSCODE-GUIDE.md

Configurando VSCode

Instale os seguintes plugins no VSCode:

• Color Highlight

• Dracula Official

• EditorConfig for VS Code

• ESLint

• Prettier

• Material Icon Theme

• GitLens

• Vscode-styled-components

• Rocketseat React Native

• Rocketseat ReactJS

Após a instalação dos plugins, abra o VS Code e aperte CRTL + SHIFT + P

> settings(JSON)

Com o arquivo settings.json aberto, cole o código abaixo:

settings.json

{
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Dracula",
    "editor.fontSize": 18,
    "editor.lineHeight": 24,
    "editor.formatOnSave": true,
    "editor.rulers": [
        80,
        120
    ],
    "editor.tabSize": 2,
    "editor.renderLineHighlight": "gutter",
    "editor.parameterHints.enabled": false,
    "terminal.integrated.fontSize": 14,
    "emmet.syntaxProfiles": {
        "javascript": "jsx"
    },
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "javascript.updateImportsOnFileMove.enabled": "never",
    "breadcrumbs.enabled": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        {
            "language": "javascript",
            "autoFix": true
        },
        {
            "language": "javascriptreact",
            "autoFix": true
        },
        {
            "language": "typescript",
            "autoFix": true
        },
        {
            "language": "typescriptreact",
            "autoFix": true
        }
    ]
}