OM Extension Pack

Extensions included on "om-extension-pack"

• 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

settings.json

Some settings I like to use:

Eslint:

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true,
  "source.fixAll": true
},

Python:

"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:

"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

"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",
},

Meterial Icon Theme

"material-icon-theme.hidesExplorerArrows": true,
"material-icon-theme.folders.theme": "classic",
"material-icon-theme.folders.color": "#6273a6",

Colorize

"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

"cSpell.enabled": true,
"cSpell.language": "en,pt,pt_BR",

Enjoy!