Material Style VS Code Setup (v 1.16)

Arpit Dubey
2 min readSep 23, 2017

--

As a developer I like to keep my editor as minimal as possible. Here are some of the settings and themes that I have installed to make it look as clean as possible.

Extensions I would recommend.

  1. Prettier to auto indent javascript that you write.
  2. Document this to as decorated comments for javascript.
  3. Beautify css/less/sass/scss to auto indent your stylesheets.
  4. ESlint for linting.

Theme: Sublime Material Theme — Dark

Settings to make all things work.

{// Place your settings in this file to overwrite the default settings"editor.fontFamily": "'monospace'","workbench.colorTheme": "Sublime Material Theme - Dark","git.enabled": false,"git.autofetch": false,"git.path": null,"typescript.check.npmIsInstalled": false,"editor.renderWhitespace": "none","workbench.activityBar.visible": true,"workbench.statusBar.visible": true,"window.zoomLevel": 0,"editor.minimap.enabled": false,"editor.tabSize": 2,"editor.fontSize": 14,"editor.formatOnType": true,"editor.formatOnSave": true,"workbench.colorCustomizations": {"tab.activeBorder": "#ffffff","tab.activeBackground": "#009688","activityBar.background": "#263238","editorGroup.background": "#263238","sideBar.background": "#263238","editor.background": "#263238","tab.border": "#263238","tab.inactiveBackground": "#263238","tab.activeForeground": "#ffffff","tab.inactiveForeground": "#ffffff"},"npm-intellisense.importES6": false,"npm-intellisense.importQuotes": "'","npm-intellisense.importLinebreak": ";\r\n","npm-intellisense.importDeclarationType": "const",// "files.autoSave": "afterDelay","workbench.iconTheme": "vs-seti"}

--

--

Arpit Dubey

Fullstack developer. React ● Node ● Go ● Elixir. I make awesome stuff with my bare hands 👐🏻