Visual Studio Code Extensions

vscode-extensions.md

VS Code Extensions

Bracket Pair Colorizer

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

Code Spell Checker

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Bimbo Theme

https://marketplace.visualstudio.com/items?itemName=pawelgrzybek.bimbo-theme

Quokka

You also need node installed: https://nodejs.org/en/

https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode

Better Comments

https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

Open In Browser

https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser

Path autocomplete/intellisense

https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Project Manager

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

Font - Fira Code

https://github.com/tonsky/FiraCode

Settings

Can be modified with opening the settings file with cmd + ;/ctrl+;

{
    "editor.fontSize": 18,
    "editor.folding": true,
    "editor.hideCursorInOverviewRuler": true,
    "editor.lineHeight": 26,
    "editor.matchBrackets": false,
    "editor.minimap.enabled": false,
    "editor.occurrencesHighlight": false,
    "editor.overviewRulerBorder": false,
    "editor.renderIndentGuides": false,
    "editor.renderLineHighlight": "none",
    "explorer.openEditors.visible": 0,
    "workbench.activityBar.visible": false,
    "workbench.editor.showIcons": false,
    "workbench.statusBar.visible": false,
    "files.autoSave": "afterDelay",
    "workbench.colorTheme": "Bimbo Theme",
    "editor.fontFamily": "Operator Mono Lig, Monaco, 'Courier New', monospace",
    "editor.tabSize": 2,
    "editor.fontLigatures": false,
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "workbench.startupEditor": "newUntitledFile",
    "extensions.ignoreRecommendations": false,
    "emmet.triggerExpansionOnTab": true,
    "explorer.confirmDelete": false,
    "explorer.confirmDragAndDrop": false,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "editor.multiCursorModifier": "ctrlCmd",
    "javascript.validate.enable": false,
    "editor.scrollBeyondLastLine": true,
    "bracketPairColorizer.showHorizontalScopeLine": false,
    "bracketPairColorizer.showVerticalScopeLine": false
}