My favourite VS Code extensions
Published: 2020-06-01 13:22:27

---
title: My favourite VS Code extensions
published: true
date: 2020-06-01 12:42:26 UTC
tags: 
canonical_url: https://dcblog.dev/my-favourite-vs-code-extensions
---

The following are the extensions I always install on VS Code, these are my preferred themes, snippets, and plugins.

## [Atom One Dark Theme](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark)

![Atom One Dark Theme](https://raw.githubusercontent.com/akamud/vscode-theme-onedark/master/screenshots/preview.png)

I've tried lots of themes but Atom One Dark is my go-to theme. It's got a great mix of colours to differentiate between elements.

## [GitHub Theme](https://marketplace.visualstudio.com/items?itemName=thomaspink.theme-github%5D)

![GitHub Theme](https://github.com/thomaspink/vscode-github-theme/raw/master/theme.png)

GitHub theme is one of the best light themes I've come across.

## [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)

![Auto Rename Tag](https://github.com/formulahendry/vscode-auto-rename-tag/raw/master/images/usage.gif)

Automatically rename paired HTML/XML tags, the same as Visual Studio IDE does.

## [Better Align](https://marketplace.visualstudio.com/items?itemName=wwm.better-align)

![Better Align](https://github.com/WarWithinMe/better-align/raw/master/images/1.gif)

Align your code by colon(:), perfect for ensuring all your array keys line up perfectly.

## [DocBlocker](https://marketplace.visualstudio.com/items?itemName=flydreame.docblocker)

![DocBlocker](https://raw.githubusercontent.com/FlyDreame/vscode-docBlocker/master/images/using.gif)

Easily add Doc Blocks to your methods.

## [Duplicate Action](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-duplicate)

Add the ability to duplicate selected folders and files.

## [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)

![Git History](https://raw.githubusercontent.com/DonJayamanne/gitHistoryVSCode/master/images/gitLogv3.gif)

With Git History you can visually see changes to files, perfect when you need to restore to an earlier commit, and want to ensure you have the right commit.

## [Go to method](https://marketplace.visualstudio.com/items?itemName=trixnz.go-to-method)

![Go to method](https://github.com/trixnz/vscode-go-to-method/raw/master/images/usage.gif)

The standard Go to Symbol in File... feature of VS Code can be noisy when you're only interested in functions. This extension adds a Go to Method in File... feature that allows you to focus only on the functions declared in the file.

## [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag)

![Highlight Matching Tag](https://images2.imgbox.com/71/2a/zIA1XCzK_o.gif)

Visually see the starting and ending tags for a selected element, coming in handy when inside nested elements.

## [HTML Boilerplate](https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate)

![HTML Boilerplate](https://s19.postimg.cc/3mig98d5v/html_boilerplate_1_0_3.gif)

Handy for starting a new HMTL page, generate the starter code.

## [HTML Snippets](https://marketplace.visualstudio.com/items?itemName=wgenial.html-snippets)

![HTML Snippets](http://i.imgur.com/VOhBvHb.gif)

Easily autocomplete HTML snippets

## [Laravel Artisan](https://marketplace.visualstudio.com/items?itemName=ryannaddy.laravel-artisan)

![Laravel Artisan](https://github.com/TheColorRed/vscode-laravel-artisan/raw/master/images/screens/route-list.gif)

Run Laravel Artisan commands I love the route:list call. A time saver for larger projects.

## [Laravel Blade](https://marketplace.visualstudio.com/items?itemName=cjhowe7.laravel-blade)

Add Blade Syntax highlighting

## [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)

![Markdown Preview Enhanced](https://user-images.githubusercontent.com/1908863/28495106-30b3b15e-6f09-11e7-8eb6-ca4ca001ab15.png)

Prefix Markdown as you write it.

## [PHP Intelephense](https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client)

PHP code intelligence for Visual Studio Code.

Intelephense is a high-performance PHP language server packed full of essential features for productive PHP development.

## [PHP IntelliSense](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense)

![PHP Intellisense](https://github.com/felixfbecker/vscode-php-intellisense/raw/master/images/references.png)

Advanced PHP IntelliSense for Visual Studio Code.

## [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode)

![Polacode](https://raw.githubusercontent.com/octref/polacode/master/demo/2.png)

Easy turn code into a shareable image.

## [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager)

Easily set up and switch between projects.

## [Remote SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh)

![Remote SSH](https://microsoft.github.io/vscode-remote-release/images/ssh-readme.gif)

Work on remote project over SSH

## [Sync Settings](https://dev.to/scottw/vscode-settings-sync-4d27)

![Sync Settings](https://shanalikhan.github.io/img/login-with-github.png)

Sync all your settings, keyboard shortcuts and extensions to Github to easily sync VS Code on other machines or as a backup!

## [SFTP](https://marketplace.visualstudio.com/items?itemName=liximomo.sftp)

Very powerful, with smart features. Very simple, requires just three lines of config

## [Snippet Creator](https://marketplace.visualstudio.com/items?itemName=vincentkos.snippet-creator)

This extension helps to automate snippet creation. Select the code you want to create snippet from and use command Create Snippet from the command palette or your custom keybind.

## [Sublime Text Keymap and Settings Importer](https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings)

![Keymap](https://github.com/Microsoft/vscode-sublime-keybindings/raw/master/.readme/demo.gif)

Moving from Sublime Text, then use this to importing all your settings and keymapping.

## [Wakatime](https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime)

![Waakatime](https://github.com/wakatime/vscode-wakatime/raw/master/images/Screen-Shot-2016-03-21.png)

Wakatime is great for recording how long you spend writing code.