- CSS Formatter - aeschli.vscode-css-formatter
- Apollo GraphQL - apollographql.vscode-apollo
- Bracket Pair Colorizer 2 - CoenraadS.bracket-pair-colorizer-2
- ESLint - dbaeumer.vscode-eslint
- EditorConfig for VS Code - EditorConfig.EditorConfig
- Code Runner - formulahendry.code-runner
- vscode-styled-components - jpoissonnier.vscode-styled-components
- colorize - kamikillerto.vscode-colorize
- Git Graph
- mhutchie.git-graph
- Docker - ms-azuretools.vscode-docker
- Python - ms-python.python
- Jupyter (Python extension depends on it) - ms-toolsai.jupyter
- Reload - natqe.reload
- Om Theme (A Darker Dracula Theme) - omthemes.omthemes
- Material Icon Theme - PKief.material-icon-theme
- YAMLPreview - redhat.vscode-yaml
- Live Server - ritwickdey.LiveServer
- Code Spell Checker - streetsidesoftware.code-spell-checker
- Brazilian Portuguese - Code Spell Checker - streetsidesoftware.code-spell-checker-portuguese-brazilian
- Visual Studio IntelliCode - VisualStudioExptTeam.vscodeintellicode
Some settings I like to use:
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.fixAll": true
},
"python.linting.pylintArgs": [
"--load-plugins=pylint_django",
"--errors-only",
],
"[python]": {
"editor.tabSize": 4,
"editor.insertSpaces": true,
"editor.formatOnSave": true,
"editor.formatOnType": true
},
"python.pythonPath": "/bin/python3.8",
"python.linting.flake8Enabled": true,
"python.linting.mypyEnabled": true,
"python.testing.unittestEnabled": true,
"files.associations": {
"*.html": "html",
"**/templates/*.html": "django-html",
"**/templates/*": "django-txt",
"**/requirements{/**,*}.{txt,in}": "pip-requirements"
},
"bracket-pair-colorizer-2.colors": [
"#8BE9FD",
"#50FA7B",
"#FFB86C",
"#FF79C6",
"#BD93F9",
"#F1FA8C",
],
"bracket-pair-colorizer-2.colorMode": "Consecutive",
"bracket-pair-colorizer-2.forceUniqueOpeningColor": false,
"bracket-pair-colorizer-2.forceIterationColorCycle": false,
"bracket-pair-colorizer-2.showBracketsInGutter": true,
"bracket-pair-colorizer-2.showBracketsInRuler": true,
"bracket-pair-colorizer-2.showVerticalScopeLine": false,
"bracket-pair-colorizer-2.showHorizontalScopeLine": false,
"bracket-pair-colorizer-2.unmatchedScopeColor": "#FF5555",
"code-runner.clearPreviousOutput": true,
"code-runner.ignoreSelection": true,
"code-runner.saveFileBeforeRun": true,
"code-runner.runInTerminal": true,
"code-runner.preserveFocus": false,
"code-runner.executorMap": {
"python": "python3 -u",
"typescript": "npx ts-node --files --transpile-only",
},
"material-icon-theme.hidesExplorerArrows": true,
"material-icon-theme.folders.theme": "classic",
"material-icon-theme.folders.color": "#6273a6",
"colorize.hide_current_line_decorations": false,
"colorize.include": [
".tsx",
".jsx",
".ts",
".js"
],
"colorize.languages": [
"typescriptreact",
"javascriptreact",
"javascript",
"typescript",
"css",
"sass",
"scss",
"less",
"pcss",
"sss",
"stylus",
"xml",
"svg",
"json",
"jsonc",
"yaml"
],
"colorize.colorized_colors": [
"HEXA",
"RGB",
"HSL"
],
"colorize.enable_search_variables": false,
"cSpell.enabled": true,
"cSpell.language": "en,pt,pt_BR",
Enjoy!