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
- Jump on the bandwagon and download here - (Windows, Mac, Linux)
- Find extensions at the Marketplace or after you download VS Code, go to Command Palette (Ctrl + Shift + P/Shift-Command-P or from the toolbar: View > Command Palette) and search for any extension from there
- Get support on Github
- Top Visual Studio Code Extensions: 50 Powerful Tools
- VS Code Tips and Tricks
- Curated VS Code packages and resources
- Must have extensions for VS Code
- 10 essential extensions for VS Code
- VS Code Features + Shortcuts
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
- 8 Powerful Visual Studio Code Extensions for Front-end Developers
- The 20 Best Visual Studio Code Extensions for Front End Developers
JS Developers
- Top JavaScript VSCode Extensions for Faster Development
- VS Code Extensions for JavaScript developers
- VS Code Extensions for Happier JavaScript Coding
WP Developers
Extras
- Shades of Purple by Ahmad Awais who also has a course to help you become a Visual Studio Code Power User
- Build your own VS Code extension
- FiraCode - Monospaced font for programmers
- VS Code Can Do That
