Skip To Content

01 - Post Title

My Visual Studio Code Setup

02 - Post Content

Visual Studio Code theme

After years on the text editor merry go round, I’ve finally settled on Visual Studio Code. I’ve found VS Code surprisingly fast (well fast enough for what I use it for) but it’s the flexibility in it’s configuration that has won me over, it’s allowed me to create a setup that has made me more productive and efficient when writing code.

I thought I would do a quick write up and share my setup and the extensions I use.

Theme

Hyper Term Theme – HyperTerm inspired VSCode theme with vivid syntaxcolors and a pitch black UI

Font

Inconsolata

Extensions

Beautify – Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code

Bracket Pair Colorizer 2 – This extension allows matching brackets to be identified with colours

ESLint – Integrates ESLint into VS Code

File Utils – A convenient way of creating, duplicating, moving, renaming, deleting files and directories

GitLens – GitLens supercharges the Git capabilities built into Visual Studio Code

Indent on Paste – Attempts to re-indent code before it is pasted, using some generalized indentation rules

Prettier – Code formatter – Prettier is an opinionated code formatter

Project Manager – It helps you to easily access your projects, no matter where they are located

Settings

{
    "diffEditor.ignoreTrimWhitespace": false,
    "editor.autoClosingQuotes": "beforeWhitespace",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.find.loop": false,
    "editor.fontFamily": "Inconsolata, Menlo, Monaco, 'Courier New', monospace",
    "editor.fontSize": 16,
    "editor.minimap.enabled": false,
    "editor.occurrencesHighlight": false,
    "editor.parameterHints.enabled": false,
    "editor.renderWhitespace": "all",
    "editor.rulers": [80],
    "editor.selectionHighlight": false,
    "editor.wordWrap": "on",
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "explorer.compactFolders": false,
    "files.associations": {
        "*.njk": "html"
    },
    "git.confirmSync": false,
    "workbench.colorTheme": "Hyper Term Black",
    "workbench.startupEditor": "newUntitledFile",
    "[php]": {
        "editor.wordSeparators": "`[email protected]#%^&*()-=+[{]}\\|;:'\",.<>/?"
    },
    "[scss]": {
        "editor.wordSeparators": "`[email protected]#%^&*()-=+[{]}\\|;:'\",.<>/?"
    }
}