Skip To Content

02 - Post

Visual Studio Code - Hyper Term Theme

After years on the text editor merry go round, for the past 3 years I've finally settled on Visual Studio Code. I've found VS Code surprisingly fast, well fast enough for what I use it for which is mainly writing HTML, CSS, JavaScript and PHP 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 (and this blog post!).

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,
"telemetry.enableCrashReporter": false,
"telemetry.enableTelemetry": false,
"workbench.colorTheme": "Hyper Term Black",
"workbench.startupEditor": "newUntitledFile",
"[php]": {
"editor.wordSeparators": "`[email protected]#%^&*()-=+[{]}\\|;:'\",.<>/?"
},
"[scss]": {
"editor.wordSeparators": "`[email protected]#%^&*()-=+[{]}\\|;:'\",.<>/?"
},
}