VS Code Preferences

Here is the list of my personal settings, extensions, themes, icons and fonts for VS Code. The list is bound to grow with the amount of time I spent with VS Code. Asterisks (*) items are currently being used and enabled in my workspace.

Themes

Monokai Pro * - Comes with themes and icons.
One Dark Pro - A good dark theme.

File Icon Themes

Material Icon Theme * - Theme for vscode sidebar icons.

Font

JetBrains Mono * - Install as system font and see settings.json for how to select.

Extensions

Universal

IntelliJ IDEA Keybindings * - Being a user of PHPStorm, WebStorm and PyCharm, this extension is a must.
Markdown Preview Enhanced * - Side by side markdown (*.md) file view and edit.
GitLens — Git supercharged * - Is a must have.
Path Intellisense * - Autocompletes project directories and filenames.
File Utils * - Great for copy/pasting file with renaming.
Code Spell Checker* - Checks typing errors and suggests fix.
Highlight Matching Tag * - Highlights opening and closing tags on select.
Indented Block Highlighting * - Highlights code block area.
Color Highlight * - Highlights color code block.
Current File Path - Show the currently open file location in status bar.

JavaScript & React

Import Cost * - See imported npm package size.
JavaScript (ES6) code snippets * - Self explanatory.
NPM Intellisense * - Autocompletes npm modules in import statements.
ES7 React/Redux/GraphQL/React-Native snippets * - All in one useful snippets.
Simple React Snippets - Some easy to remember snippets for files.

PHP & Laravel & HTML & CSS

PHP Intelephense * - PHP and HTML autocomplete and format mix support.
Laravel Artisan - Easily access artisan commands from vscode command.
Auto Complete Tag * - Two packages in one.
Laravel Goto View * - Go to blade view from controllers.
Laravel Goto Controller * - Go to controller from routes file.
Laravel Extra Intellisense * - Better intellisense for laravel projects.
DotENV * - Laravel .env file support.
Laravel Blade * - Blade Snippets, Syntax Highlighting and Formatting for VS Code.
Laravel Blade Spacer * - Automatically add spaces in Laravel Blade template tags.

Settings

Here is the current settings configuration I am using and comfortable with. Update VS Code's settings.json with this one. I am using third party terminal Cmder that supports autocomplete commands and there is settings for making Cmder as default shell in VS Code.

{
    "window.zoomLevel": 0,
    "workbench.startupEditor": "newUntitledFile",
    "workbench.colorTheme": "Monokai Pro",
    "workbench.iconTheme": "material-icon-theme",
    "gitlens.hovers.currentLine.over": "line",
    "files.autoSave": "onWindowChange",
    "editor.tabSize": 2,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.wordWrap": "on",
    "editor.fontFamily": "'JetBrains Mono Medium', Consolas, 'Courier New', monospace",
    "editor.fontLigatures": true,
    "explorer.confirmDelete": false,
    "editor.formatOnPaste": true,
    "editor.quickSuggestions": {
        "other": true,
        "comments": false,
        "strings": false
    },
    "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\cmd.exe",
    "terminal.integrated.shellArgs.windows": ["/k C:\\Cmder\\vendor\\init.bat"],
    "files.exclude": {
        "**/.idea": true,
        "**/.vscode": true
    },
    "javascript.updateImportsOnFileMove.enabled": "always",
    "window.openFoldersInNewWindow": "on",
    "window.openFilesInNewWindow": "default",
    "files.trimTrailingWhitespace": true,
    "files.trimFinalNewlines": true,
    "files.insertFinalNewline": true,
    "path-intellisense.showHiddenFiles": true,
}