VSCode extensions


Since many years, I love Visual Studio Code ! Don’t be confused with Microsoft Visual Studio please, even Visual Studio Code is an awesome software from Microsoft.

I will not explain you how to use Visual Studio Code, but I’ll share with you some nice plugin. Indeed, since some months, I can use VSCode with our main project because someone found the best PHP Plugin even!

PHP Intelephense

  • Description: High performance, feature rich PHP intellisense
  • Version: 1.0.14
  • Publisher: Ben Mewburn
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client

This one is the magic plugin ! I tried an another one : PHP IntelliSense but I don’t know why, the autocompletion feature don’t work with our main project @Hosco. If you want to work with PHP in VSCode, you should give a try to this plugin.

Auto Rename Tag

  • Description: Auto rename paired HTML/XML tag
  • Version: 0.1.0
  • Publisher: Jun Han
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Beautify

  • Description: Beautify code in place for VS Code
  • Version: 1.5.0
  • Publisher: HookyQR
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

No need to describe it: you can open the command and type beautify. This plugin can format automatically a lot of extension.

Better Comments

  • Description: Improve your code commenting by annotating with alert, informational, TODOs, and more!
  • Version: 2.0.5
  • Publisher: Aaron Bond
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

Bracket Pair Colorizer 2

  • Description: A customizable extension for colorizing matching brackets
  • Version: 0.0.28
  • Publisher: CoenraadS
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

EditorConfig for VS Code

  • Description: EditorConfig Support for Visual Studio Code
  • Version: 0.13.0
  • Publisher: EditorConfig
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

If you are in team, please, take a look to editorconfig. You just need add .editorconfig at the root of your project and then all your IDE will be automatically configured. You can find a plugin for, I think, all IDE.

ESLint

  • Description: Integrates ESLint JavaScript into VS Code.
  • Version: 1.9.0
  • Publisher: Dirk Baeumer
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

GitLens — Git supercharged

  • Description: Supercharge the Git capabilities built into Visual Studio Code Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more
  • Version: 9.8.2
  • Publisher: Eric Amodio
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

I don’t use it a lot, but when I use it, it’s very powerful.

Go

  • Description: Rich Go language support for Visual Studio Code
  • Version: 0.11.0
  • Publisher: Microsoft
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ms-vscode.Go

Since Go modules, I’m a big fan of Go… And you?

IntelliSense for CSS class names in HTML

  • Description: CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
  • Version: 1.19.0
  • Publisher: Zignd
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

Kubernetes

  • Description: Develop, deploy and debug Kubernetes applications
  • Version: 1.0.1
  • Publisher: Microsoft
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ms-kubernetes-tools.vscode-kubernetes-tools

Yes… K8s. I prefer UI than command line!

markdownlint

  • Description: Markdown linting and style checking for Visual Studio Code
  • Version: 0.28.0
  • Publisher: David Anson
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint

npm

  • Description: npm support for VS Code
  • Version: 0.3.7
  • Publisher: egamma
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script

Prettier - Code formatter

  • Description: VS Code plugin for prettier/prettier
  • Version: 1.9.0
  • Publisher: Esben Petersen
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Python

  • Description: Linting, Debugging (multi-threaded, remote), Intellisense, code formatting, refactoring, unit tests, snippets, and more.
  • Version: 2019.5.18875
  • Publisher: Microsoft
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ms-python.python

SCSS IntelliSense

  • Description: Advanced autocompletion and refactoring support for SCSS
  • Version: 0.6.2
  • Publisher: mrmlnc
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss

Terraform

  • Description: Syntax highlighting, linting, formatting, and validation for Hashicorp’s Terraform
  • Version: 1.3.12
  • Publisher: Mikael Olenfalk
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mauve.terraform

Vetur

  • Description: Vue tooling for VS Code
  • Version: 0.21.0
  • Publisher: Pine Wu
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=octref.vetur

VueJS ❤

vscode-icons

  • Description: Icons for Visual Studio Code
  • Version: 8.7.0
  • Publisher: VSCode Icons Team
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

You should try this nice extension: just add some nice icon yo your folder/files in the explorer.

vscode-php-cs-fixer

  • Description: Support for php-cs-fixer in Visual Studio Code
  • Version: 0.3.0
  • Publisher: Frank Terragna
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=fterrag.vscode-php-cs-fixer

YAML

  • Description: YAML Language Support by Red Hat, with built-in Kubernetes and Kedge syntax support
  • Version: 0.4.1
  • Publisher: Red Hat
  • VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml