My top VS Code Extensions (Plugins)

David Carr

3 min read - 15th Feb, 2018

I've recently switched from using Submit Text full time to VS Code, I'm really enjoying the experience. I've tried to switch with programs like PHPStorm before whilst they are good they can't compete in terms of speed and being very light. Expected really you can't compare an editor with an IDE it's not a fair comparison.

I'm loving the integrated terminal and the great GIT support also the vast selection of Extensions (Plugins). To that end here is a list of my extensions:

Sublime Text Keymap for VS Code

This is essential for anyone coming from Sublime Text this uses all the same key mappings so you can feel right at home!

Advanced New File

This extension gives you the ability to create a new file from a keyboard shortcut. Really useful for creating files quickly.

Auto Close Tag

This will auto close tags as you type them, this saves you tons of time over the course of a day.

Auto Rename Tag

Created a h2 tag but need to change it to a h1? this extension will automatically change the closing tag to match the opening tag in the event of it being renamed.

Color Info

Hover over a CSS colour and this extension show's a small overlay of the colour and its values.

CSS Peak

This extension allows you to preview the CSS properties for a given class whilst looking at the HTML, such a great time saver!

DotENV

Adds syntax highlighting to .env files. The .env files are much easier to read with this.

Duplicate Action

Adds the ability to duplicate a file or folder by right-clicking on them in the sidebar and setting the name and path.

HTML CSS Support

Add support for class attribute completion, id attribute completion and Zen coding.

Icon Fonts

Adds autocomplete ability for a variety of font sources such as Font Awesome.

Laravel Blade Snippets

Adds autocomplete and syntax highlight support.

Material Icon Theme

The Material Icon Theme provides lots of icons based on Material Design

Minify 

Adds the ability to minify CSS, JS and HTML

Path Intellisense

Adds the ability to autocompletes filenames.

PHP Debug

PHP Debug Adapter for Visual Studio Code

PHP DocBlocker

Added the ability to quickly add a docblock by typing /** above a class, property or function.

PHP Formatter

Adds the ability to auto-format code into PSR 0, 1 & 2

PHP Namespace Resolver

PHP Namespace Resolver can import and expand and your class. You can also sort your imports by line length or in alphabetical order.

PHP Project

Adds the ability to save a folder as a project to easily switch back and forth between projects.

PHP Code Snipper (PHPCS)

This linter plugin for Visual Studio Code provides an interface to phpcs. It will be used with files that have the “PHP” language mode.

Rainglow

Rainglow is a collection of color themes for a number of different editors and platforms. This repository consists of 320+ syntax and UI themes

Slime Theme

This is a ported theme from Atom, it's my favourite them, its got the right balance of dark.

WakaTime

Added integration for WakaTime Metrics, insights, and time tracking automatically generated from your programming activity.

0 comments
Add a comment

Copyright © 2024 DC Blog - All rights reserved.