Skip to main content

Extensions

General​

Auto Import Relative Path​


Code Spell Checker​

Marketplace
Download

Info:

A basic spell checker that works well with code and documents.

  • add languages

    settings.json
    "cSpell.language": "en, de, lorem",

Commenting​

Better Comments​


Comment Anchor​


  • create custom

    settings.json
    "HTML": {
      "iconColor": "#fd26b9",
      "highlightColor": "#fd26b9",
      "scope": "file",
    }

    all options

    settings.json
    {
    "tag" : "HTML",
    "iconColor" : "orange",
    "highlightColor" : "#191919",
    "scope" : "workspace",
    "backgroundCoIor" : "#191919",
    "styleComment" : true,
    "borderStyle" : "1px solid #191919",
    "borderRadius" : 6
    }

  • usage Sections

    example.html
    <!-- SECTION One -->
      <!-- NOTE Nested -->
    <!-- !SECTION One -->
    example.js
    /* SECTION One */
      /* NOTE Nested */
    /* !SECTION One  */


Multiple Cursor case preserve​

  • Usage

    Select next occurrence Strg D

    Select all occurrences Shift Strg L


Peacock​

Marketplace
Download

Info:

Change Workspace Color for multiple VsCode instances

  • Usage

    Strg Shift P "Peacock: Change to Favorite Color"


Prettier​

  • Format Document on Save (general VsCode-Setting)

    settings.json
    "editor.formatOnSave": true,

  • set as default Formatter

    settings.json
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[html]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
      "editor.formatOnSave": true,
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },

  • Word wrap lenght

    settings.json
    "prettier.printWidth": 120,

  • Ignoring Files

    .prettierignore
    *.mdx

Themes​

Andromeda​


linguae​

Autohotkey​


Autohotkey Plus Plus​

Marketplace
Download

Info:

... provides AutoHotkey language support for VsCode.


AutoHotKey Debug​


C/C++​

C/C++​


C/C++ Extension Pack​


C/C++ Runner​


C/C++ Themes​


Css​

Html​

Auto Rename Tag​


Javascript​

Quokka.js​

Marketplace
Download
Quokka
Documentation

Info:

Inline Display for Runtime value. e.g. console.log()

  • Usage on current File

    Strg Shift P "Quokka: Start on current file"


Markdown​


MDX​


Frameworks​

Astro​


Astro Snippets​


Svelte​


Svelte for VS Code​

Marketplace
Download

Info:

... provides syntax highlighting and rich intellisense for Svelte components in VsCode.


Svelte 3 Snippets​



Terminal​

Microsoft Edge Tools for VS Code​