VS Code

Settings

My VS Code settings are backed up with mackup to Dropbox.

To answer some general questions:

• Font? FiraCode Nerd Font Mono
• Fontsize? 16
• Tabs or Spaces? Spaces
• Tabwidth? 2 (4 in Python)
• Linewidth? No fixed width - using word wrap.

Extensions

Visual Extensions

• Dracula - Activates a dark theme with a purple color palette, which is easy on my eyes
• Material Icon Theme - Adds Material Design icons
• Bracket Pair Colorizer - Colorizes matching brackets

Productivity Extensions

• EditorConfig for VS Code - Adds support for .editorconfig files for consistent coding styles for multiple developers working on the same project
• Prettier Now - Automatically formats my code on save
• MetaGo - Adds keyboard focused cursor navigation similar to vim easymotion
• GitLens - Adds git blame annotations next to my code and offers several views to delve deep into the git history
• gitignore - Adds file to .gitignore via right click
• IntelliJ IDEA Key Bindings - Adds JetBrains IDEs key bindings, since I use WebStorm for bigger work-related projects
• Path Intellisense - Autocompletes file paths and names
• Project Manager - Enables me to easily switch between projects
• TabOut - Enables to move out quotes, brackets, etc via Tab key

Front-End Extensions

• Auto Close Tag - Automatically closes HTML tags
• Auto Rename Tag - Automatically renames paired HTML tags
• CSS Peek - Enables peeking from HTML id and class attributes to the respective CSS definition
• HTML CSS Support - Autocompletes HTML id and class attributes
• Live Server - Launches a local dev server for HTML pages with live reload
• Turbo Console Log - Adds quick debugging logs with a shortcut
• JavaScript ES6 Snippets - Adds common ES6 code snippets
• Angular Snippets - Adds Angular code snippets for TypeScript and HTML
• ESLint - Adds linter for JavaScript
• TSLint - Adds linter for TypeScript

Documentation Extensions

• Code Spell Checker - Catches spelling errors
• Markdown All in One - Adds markdown shortcuts and autocompletions
• markdownlint - Adds linter for Markdown
• LaTex Workshop - Enables working with Latex compiling .tex files easily with recipes

Other Extensions

• Coderunner - Runs code snippets
• Python - Adds features to support Python development such as linting, debugging, code formatting, refactoring and snippets
• shellcheck - Finds bugs in your shell scripts
• WakaTime - Tracks time and coding activity