Skip to content

Latest commit

 

History

History
341 lines (322 loc) · 14.7 KB

vscode_config.md

File metadata and controls

341 lines (322 loc) · 14.7 KB

VSCODE Extensions

About

This is for sharing the Visual Studio code (VSCODE) extensions I use.

Extensions

Extensions I am using

Extension Installation
Path Intellisense code --install-extension christian-kohler.path-intellisense
markdownlint code --install-extension DavidAnson.vscode-markdownlint
Multiple cursor case preserve code --install-extension Cardinal90.multi-cursor-case-preserve
GitLens — Git supercharged code --install-extension eamodio.gitlens
Docker code --install-extension ms-azuretools.vscode-docker
vscode-proto3 code --install-extension zxh404.vscode-proto3
Code Spell Checker code --install-extension streetsidesoftware.code-spell-checker
Portuguese - Code Spell Checker code --install-extension streetsidesoftware.code-spell-checker-portuguese
Prettier - Code formatter code --install-extension esbenp.prettier-vscode
ESLint code --install-extension dbaeumer.vscode-eslint

Theme extensions

Extension Installation
Winter is Coming Theme code --install-extension johnpapa.winteriscoming
vscode-icons code --install-extension vscode-icons-team.vscode-icons

Programming languages and frameworks

Extension Installation
C# code --install-extension ms-dotnettools.csharp
Dart code --install-extension Dart-Code.dart-code
Flutter code --install-extension Dart-Code.flutter
Rust code --install-extension rust-lang.rust-analyzer
Angular Language Service code --install-extension Angular.ng-template

Good but not using right now

Extension Installation
C# Dev Kit code --install-extension ms-dotnettools.csdevkit
Thunder Client code --install-extension rangav.vscode-thunder-client
SQL Database Projects code --install-extension ms-mssql.sql-database-projects-vscode
SQL Server (mssql) code --install-extension ms-mssql.mssql
MongoDB for VS Code code --install-extension mongodb.mongodb-vscode
Git Blame code --install-extension waderyan.gitblame
GitHub Actions code --install-extension GitHub.vscode-github-actions
GitHub Repositories code --install-extension GitHub.remotehub
GitHub Pull Requests and Issues code --install-extension GitHub.vscode-pull-request-github
Peacock code --install-extension johnpapa.vscode-peacock
indent-rainbow code --install-extension oderwat.indent-rainbow
Color Highlight code --install-extension naumovs.color-highlight
Figma for VS Code code --install-extension figma.figma-vscode-extension
Todo Tree code --install-extension Gruntfuggly.todo-tree
Color Highlight code --install-extension naumovs.color-highlight

Extensions I am testing

Extension Installation
Stream Deck for VS Code code --install-extension nicollasr.vscode-streamdeck
Flutter Riverpod Snippets code --install-extension robert-brunhage.flutter-riverpod-snippets
Playwright Test for VSCode code --install-extension ms-playwright.playwright
Flutter Intl code --install-extension localizely.flutter-intl
Conventional Commits code --install-extension vivaxy.vscode-conventional-commits
Pretty TypeScript Errors code --install-extension yoavbls.pretty-ts-errors
quick-lint-js code --install-extension quick-lint.quick-lint-js
Rewrap code --install-extension stkb.rewrap
Auto Close Tag code --install-extension formulahendry.auto-close-tag
XML code --install-extension redhat.vscode-xml
Tailwind CSS IntelliSense code --install-extension bradlc.vscode-tailwindcss
Cloak code --install-extension johnpapa.vscode-cloak
C# to TypeScript code --install-extension adrianwilczynski.csharp-to-typescript
glean code --install-extension wix.glean
Inline fold code --install-extension moalamri.inline-fold

Fonts

User Settings (JSON)

{
  "workbench.editor.editorActionsLocation": "titleBar",
  "workbench.startupEditor": "none",
  "workbench.colorTheme": "Winter is Coming (Dark Blue)",
  "workbench.iconTheme": "vscode-icons",
  "workbench.editor.labelFormat": "short",
  "workbench.editor.empty.hint": "hidden",
  "terminal.integrated.fontFamily": "Hack Nerd Font",
  "terminal.integrated.fontSize": 14,
  "debug.toolBarLocation": "docked",
  "editor.minimap.enabled": false,
  "editor.cursorBlinking": "expand",
  "editor.fontFamily": "Fira Code",
  "editor.fontSize": 16,
  "editor.fontLigatures": true,
  "editor.tabSize": 2,
  "editor.lineHeight": 1.6,
  "editor.rulers": [80, 120],
  "editor.linkedEditing": true,
  "editor.codeActionsOnSave": {
    "source.organizeImports": "explicit"
  },
  "editor.accessibilitySupport": "off",
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.suggestSelection": "first",
  "editor.renderLineHighlight": "gutter",
  "editor.inlineSuggest.enabled": true,
  "editor.parameterHints.enabled": false,
  "editor.semanticHighlighting.enabled": false, // Never turn this on, it sucks
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.guides.indentation": true,
  "editor.guides.highlightActiveIndentation": true,
  "editor.stickyScroll.enabled": true,
  "explorer.compactFolders": false,
  "explorer.fileNesting.enabled": true,
  "explorer.fileNesting.patterns": {
    "package.json": ".eslint*, prettier*, tsconfig*, vite*, pnpm-lock*, bun.lockb, nest*",
    "tailwind.config*": "tailwind.config*, postcss.config*",
    ".env.local": ".env*",
    ".env": ".env*"
  },
  "breadcrumbs.enabled": false,
  "extensions.ignoreRecommendations": true,
  "files.trimTrailingWhitespace": true,
  // Don't show theses files
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true
  },
  // Flutter + Dart
  "dart.flutterSdkPath": "~/Development/flutter",
  "dart.openDevTools": "flutter",
  "dart.showInspectorNotificationsForWidgetErrors": false,
  "dart.debugExternalPackageLibraries": false,
  "dart.debugSdkLibraries": false,
  "dart.previewFlutterUiGuides": true,
  "[dart]": {
    "editor.formatOnSave": true,
    "editor.formatOnType": false,
    "editor.codeActionsOnSave": {
      "source.organizeImports": "explicit",
      "source.fixAll": "never"
    },
    "editor.rulers": [80, 80],
    "editor.selectionHighlight": false,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.suggestSelection": "first",
    "editor.tabCompletion": "onlySnippets",
    "editor.wordBasedSuggestions": "off"
  },
  // Prettier
  "prettier.enable": true,
  "prettier.tabWidth": 2,
  "prettier.singleQuote": false,
  "prettier.semi": true,
  "[html][css][scss][tailwindcss][javascript][javascriptreact][typescript][typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // TypeScript
  "typescript.tsserver.log": "off",
  "typescript.suggest.autoImports": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  // Javascript
  "javascript.suggest.autoImports": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "files.associations": {
    ".env.*": "dotenv",
    ".prettierrc": "json",
    "*.css": "css"
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  // Code Spell Checker
  "cSpell.language": "en,pt,pt-BR",
  /// Display the spell checker status on the status bar.
  "cSpell.showStatus": true,
  /// Enable / Disable compound words like 'errormessage'
  "cSpell.allowCompoundWords": false,
  /// Specify file types to spell check.
  "cSpell.enableFiletypes": [
    "!asciidoc",
    "!handlebars",
    "!haskell",
    "!jade",
    "!latex",
    "!pug",
    "!restructuredtext",
    "!scala",
    "c",
    "cpp",
    "dart",
    "proto3",
    "sql",
    "tailwindcss",
    "xml"
  ],
  /// User words to add to dictionary
  "cSpell.userWords": [
    "!i",
    "aseprite",
    "autofocus",
    "autovalidate",
    "bokeh",
    "bootcamp",
    "chakra",
    "cnpj",
    "cockroachdb",
    "cocoapods",
    "dotnet",
    "dtos",
    "elgato",
    "excalidraw",
    "figma",
    "findstr",
    "gitmodules",
    "godot",
    "grey",
    "hmac",
    "HMACSHA",
    "I",
    "imgur",
    "inkscape",
    "jigglebones",
    "lerp",
    "mariadb",
    "metroidvania",
    "middlewares",
    "mockito",
    "monaco",
    "msix",
    "mssql",
    "mysql",
    "neofetch",
    "neovim",
    "nestjs",
    "nginx",
    "nullable",
    "omni",
    "onboarded",
    "opensearch",
    "pgadmin",
    "postgres",
    "postgresql",
    "prefetch",
    "protobuf",
    "protobufs",
    "protoc",
    "psql",
    "pubspec",
    "redhat",
    "riverpod",
    "roboto",
    "serilog",
    "sketchfab",
    "skylab",
    "sqlite",
    "swashbuckle",
    "sympla",
    "tailwindcss",
    "textblock",
    "tiptap",
    "typeahead",
    "typesafe",
    "unfocus",
    "unfollow",
    "unform",
    "unmark",
    "upsert",
    "vsync",
    "WORKDIR",
    "youtube"
  ],
  /// Specify paths/files to ignore.
  "cSpell.ignorePaths": [
    "node_modules", // this will ignore anything the node_modules directory
    "**/node_modules", // the same for this one
    "**/node_modules/**", // the same for this one
    "node_modules/**", // Doesn't currently work due to how the current working directory is determined.
    "vscode-extension", //
    "*.json", // Ignore all .json files.
    ".git", // Ignore the .git directory
    "*.dll", // Ignore all .dll files.
    "**/*.dll" // Ignore all .dll files
  ],
  // Jupyter Notebook
  "notebook.cellToolbarLocation": {
    "default": "right",
    "jupyter-notebook": "left"
  },
  "workbench.editorAssociations": {
    "*.ipynb": "jupyter-notebook"
  },
  // Others
  "git.openRepositoryInParentFolders": "always",
  "accessibility.signals.onDebugBreak": {
    "sound": "on"
  },
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "name": "envKeys",
        "scope": "string.quoted.single.ini,constant.numeric.ini,string.quoted.double.ini",
        "settings": {
          "foreground": "#19354900"
        }
      }
    ]
  }
}

Useful Information

  • You can reload/restart VS code with the Developer: Reload Window command. Simply type that in after pressing Ctrl+Shift+P (Cmd+Shift+P for Mac users). It will clear the error. It's like refreshing VS Code.
  • You can format your JSON document using Shift+Alt+F or simply type Format Document in after pressing Ctrl+Shift+P (Cmd+Shift+P for Mac users). in the context menu. Helps with formatting JSON files that comes in only one line, making them readable.