My VS Code Setup

cobalt2_agnoster_theme.jpg

dracula_joker_theme.jpg

vscode-setup.md

My VS Code Setup has moved to https://vscode.iamdeveloper.com

I'm currently using the extensions and themes above and am loving them. What's your favorite extension/theme? Pop a comment here with it.

Nice list. Added to mine! :)

Nice list! @nickytonline. Any other good UI-only themes?
@raybooysen where is yours?

@rickmed, those are the ones I currently like. I like the dark themes as I find it easier on the eyes. There's tonnes though, https://marketplace.visualstudio.com/search?term=themes&target=VSCode .

Just some additional ones

• File Peek by abierbaum
• Numbered Bookmarks by Alessandro Fragnani
• Project Manager by Alessandro Fragnani
• Path Intellisense by Christian Kohler
• JS Refactorings by Chris Stead
• Clock in status bar by Compulim
• ESLint by Dirk Baeumer
• TSLint by egamma
• Log File Highligher by Emil Aström
• beautify by HookyQR
• Complete JSDoc Tag by HookyQR
• TsTools by iBotMedia
• Document This by Joel Day
• CodeMetrics by Kiss Tamás
• Gutter preview by Kiss Tamás
• Add jsdoc comments by stevencl
• WakaTime by WakaTime

I use TronLight theme

Thanks for the suggestions @con-scc!

Awesome list. My fav is the vs-code icons!

@con-ssc, Path Intellisense by Christian Kohler is amazing!

There's some good ones in here too, https://scotch.io/tutorials/best-of-visual-studio-code-features-plugins-acting-like-atom-and-sublime

Some more here, https://github.com/viatsko/awesome-vscode

JavaScript Unit Test Snippets, https://marketplace.visualstudio.com/items?itemName=iZDT.javascript-unit-test-snippet

I recently added @wesbos's Cobalt 2 theme, now that it's available on VS Code, https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2

I'll clean up the initial llst above at some point, but as of today, here's the extensions I have:
beautify - Version :0.6.2
better-merge - Version :0.3.1
Bookmarks - Version :0.10.1
code-settings-sync - Version :2.3.8
debugger-for-chrome - Version :2.3.2
debugger-for-ios-web - Version :0.1.2
docthis - Version :0.3.5
EditorConfig - Version :0.3.4
gitblame - Version :1.3.0
gitflow - Version :0.1.0
githistory - Version :0.1.2
Go - Version :0.6.51
guides - Version :0.5.1
hopscotch - Version :0.1.3
html-css-class-completion - Version :1.0.3
javascript-unit-test-snippet - Version :1.0.0
JavaScriptSnippets - Version :1.2.0
material-icon-theme - Version :1.1.4
Material-theme - Version :1.0.3
npm-intellisense - Version :0.1.4
path-intellisense - Version :1.1.0
prettify-json - Version :0.0.3
project-manager - Version :0.12.2
slack - Version :0.0.8
Spell - Version :0.9.1
theme-cobalt2 - Version :2.0.10
ts-import-assistance - Version :0.0.10
tslint - Version :0.7.1
typescript-javascript-grammar - Version :0.0.11
view-in-browser - Version :0.0.3
vscode-babel-coloring - Version :0.0.4
vscode-color - Version :0.2.2
vscode-flow - Version :276.3.0
vscode-gutter-preview - Version :0.8.2
vscode-html-css - Version :0.0.30
vscode-jest - Version :1.6.4
vscode-markdownlint - Version :0.6.0
vscode-react-native - Version :0.2.3
vscode-styled-components - Version :0.0.2
vscode-svgviewer - Version :1.2.0
vscode-theme-onedark - Version :0.2.14
yo - Version :0.9.3

VS Code 1.9 is supposed to ship this, but for now if you want a code lens that shows references to methods (like in C#), you can get it today via TypeLens in the VS Code Marketplace or you can also grab the VS Code Insider's build, VS Code Insider's Builds

Found GitLens recently. Great extension.

Here's my latest extensions:
better-merge - Version :0.7.0
Bookmarks - Version :0.15.1
code-settings-sync - Version :2.8.1
dark-plus-material - Version :1.0.2
debugger-for-chrome - Version :3.1.2
debugger-for-edge - Version :0.4.1
debugger-for-ios-web - Version :0.1.2
docthis - Version :0.4.4
EditorConfig - Version :0.9.3
gitblame - Version :1.10.0
gitflow - Version :1.1.0
githistory - Version :0.2.0
gitlens - Version :3.6.0
Go - Version :0.6.61
guides - Version :0.7.0
html-css-class-completion - Version :1.4.0
javascript-unit-test-snippet - Version :1.0.0
JavaScriptSnippets - Version :1.4.0
material-icon-theme - Version :2.0.8
nodejs-extension-pack - Version :0.1.9
nord-visual-studio-code - Version :0.2.0
npm-intellisense - Version :1.3.0
path-intellisense - Version :1.4.2
prettier-eslint-vscode - Version :0.7.1
prettier-vscode - Version :0.18.0
prettify-json - Version :0.0.3
project-manager - Version :0.18.0
quokka-vscode - Version :1.0.34
search-node-modules - Version :1.1.1
theme-material - Version :1.3.0
tslint - Version :0.15.0
typelens - Version :1.4.1
view-in-browser - Version :0.0.5
vscode-babel-coloring - Version :0.0.4
vscode-color - Version :0.4.1
vscode-eslint - Version :1.2.11
vscode-exports-autocomplete - Version :0.4.9
vscode-gutter-preview - Version :0.9.1
vscode-html-css - Version :0.1.5
vscode-jest - Version :2.2.0
vscode-markdownlint - Version :0.9.1
vscode-npm-script - Version :0.2.0
vscode-styled-components - Version :0.0.7
vscode-svgviewer - Version :1.4.2
vscode-theme-onedark - Version :1.3.2
yo - Version :0.9.3

Panda theme is pretty beautiful.
theme-panda

Oh also sync-settings and the ligature setting

  // Enables font ligatures
  "editor.fontLigatures": true,

I use Fira Code to get the following look

Be sure to also grab the Node and Git extension packs, here https://marketplace.visualstudio.com/items?itemName=donjayamanne.git-extension-pack and here https://marketplace.visualstudio.com/items?itemName=waderyan.nodejs-extension-pack‬

And here's my current theme setup https://twitter.com/nickytonline/status/877191806462689280

@rouzbeh84. I use Fira Code as well. I love it! Thanks for the theme suggestion. Maybe I'll take Panda for a spin ;)

My setup depends on machine and style of work. Here are my go-to plugins (main machine):

• prettier
• import cost
• vscode-icons
• EditorConfig
• hipsum
• eslint

I keep it lean and mean.

Current Theme: DesertEx (I swap frequently though)

versionLens for npm packages is pretty useful if not using david, greenkeeper etc

Thanks @SteveALee. I'll check it out!