Codementor Events

VS Code Resources

Published Apr 29, 2018Last updated May 02, 2018
VS Code Resources

Notepad++. Sublime Text. Brackets (for the Extract extension). Atom. Sublime Text (again). Visual Studio Code.

These are all of the text editors I've used since I started coding. In that order. Sometimes having three editors installed.

Now that I've settled down with editor-hopping and chose Visual Studio Code, I want to share a few of my fave extensions + some other resources to check out if you're thinking about switching to VS Code. Plus, you'll find posts from other fans below for WordPress, front-end, and JavaScript developers.

Reasons to try

Free and open-source. Includes auto-complete with Intellisense, a debugger for Chrome, Git commands built-in, and plenty of extensions that's listed below to help you handle your business in one spot.

There's no need to add #allthethings just to remove them later (guilty). So test them out + only keep what you need.

Essentials

Extensions I use

  • Auto Rename Tag - Automatically rename paired HTML/XML tag
  • AutoFileName - Auto complete file name
  • Beautify - Beautify JavaScript, JSON, CSS, Sass, and HTML
  • CSS Peek - Allow peeking to CSS ID and class strings as definitions from HTML files
  • Clipboard History - Keep a history of your copied and cut items
  • Sass - Indented Sass syntax highlighting, autocomplete & snippets
  • Terminal - Run terminal command directly in Text Editor
  • TODO Highlight - Highlight TODO,FIXME or any annotations within your code
  • Color Highlight - Highlight web colors in your editor
  • Atom One Dark Theme - My current theme
  • Icon Fonts - Snippets for popular icon fonts such as Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons
  • VScode-icons - Icons for files

Front-end Developers

JS Developers

WP Developers

Extras

Discover and read more posts from Marjy Guery
get started
post commentsBe the first to share your opinion
Show more replies