09 December, 2019

Are you Migrating from PHPStorm to VSCode?

List of powerful VSCode extensions to boost your productivity

In my three and a half years of short development career, I mainly used PHPStorm IDE to build projects and I can say that I was quite satisfied with PHPStorm.

But from the past 8-9 months, our entire team have been shifted our development completely to VSCode and we have our own good reasons to do that.

Now why we ditched PHPSTORM for VSCode

  1. Costs
    VSCode is a free and open-source platform while you need to pay for PHPStorm
  2. Speed
    I love PHPStorm even now but when it comes to speed it cannot match with VSCode at all.
  3. Dedicated to only PHP programming
    If your development ain’t dedicated to the only PHP then you should use VSCode as it’s not an IDE but more of an editor that you can customize as per your development needs.

As I’ve said earlier VSCode is purely a code editor without any default extensions. Because of that when you move from PHPStorm to VSCode, you will feel that you’re missing out on so many useful things that could make your development smooth.

To get an almost near Experience of an IDE, our team loaded the VsCode with so many useful extensions. In this blog, I am sharing those useful extensions.

Here is the list:

Essential Extensions

Gitlens

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to 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.

Apache Conf

Syntax highlighing for Apache conf files in the Visual Studio Code. Ported from ApacheConf.tmLanguage.

Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.

Auto Complete Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.

Auto Rename Tag

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

Color Highlight

This extension styles css/web colors found in your document.

Copy Relative Path

This extension will give option to Copy Relative Path from a File.

Debugger for Chrome

Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

DotENV

VSCode .env syntax highlighting.

Eclipse Keymap

This extension ports popular Eclipse keyboard shortcuts to Visual Studio Code. Eclipse key bindings are provided for Windows, Linux and macOS.

Flow Language Support

This extension adds Flow support for VS Code. Flow is a static type checker, designed to find type errors in JavaScript programs. Follow the official guide to get started.

Flow Language Support

This extension adds Flow support for VS Code. Flow is a static type checker, designed to find type errors in JavaScript programs. Follow the official guide to get started.

Git History

View git log, file history, compare branches or commits with the help of this extension.

Git Patch

Creates supplied diff output (i.e. 'a patch') and applies it to files.

Git Stash

Give extra stash abilities to Code. Visually browse stashes, review and extract changes. Get all stash commands and more.

gitignore

Language support for .gitignore files. Lets you pull .gitignore files from the https://github.com/github/gitignore repository.

gitignore

Language support for .gitignore files. Lets you pull .gitignore files from the https://github.com/github/gitignore repository.

gitlink

Inspired by GitHub extension for Visual Studio, this extension provide the feature that Go To current file's online link in browser and Copy the link in clipboard.

markdownlint

Markdown linting and style checking for Visual Studio Code.

Open in GitHub, Bitbucket, Gitlab, VisualStudio.com !

Jump to a source code line in Github, Bitbucket, Gitlab, VisualStudio.com !

Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

Prettier - Code formatter

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

Project Manager

This extension will help you to Easily switch between projects.

Run on Save

This extension allows configuring commands that get run whenever a file is saved in vscode.

Settings Sync

Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.

TODO Highlight

Highlight TODO, FIXME and other annotations within your code.
Sometimes you forget to review the TODOs you've added while coding before you publish the code to production. So this extension will highlight them and reminds you that there are notes or things not done yet.

Todo+

Manage todo lists with ease. Powerful, easy to use and customizable.

PHP based Extensions

Composer

This Visual Studio Code plugin provides an interface to Composer dependency manager for PHP. It also provides schema validation for composer.json configuration files.

PHP Debug

This extension is a debug adapter between VS Code and XDebug by Derick Rethan. XDebug is a PHP extension (a .so file on Linux and a .dll on Windows) that needs to be installed on your server.

PHP IntelliSense

Advanced Autocompletion and Refactoring support for PHP. This is just the VS Code extension that spawns the actual language server. The language server itself is implemented purely in PHP in its own repository.

PHP Intellisense - Crane

Crane is a productivity enhancement extension for the Visual Studio Code that provides code-completion for PHP. It has zero dependencies and largely works with projects of any size. It is still in development, and as such there may be bugs and/or missing features.

PHP Namespace Resolver

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

Laravel based Extensions

Laravel Artisan

Run Laravel Artisan commands from within Visual Studio Code.

Laravel Blade Snippets

Laravel blade snippets and syntax highlight support for Visual Studio Code.

Laravel Helpers

A set of Laravel Helper Snippets for Visual Studio Code.

JS based Extensions

Babel ES6/ES7

Adds JS Babel es6/es7 syntax coloring.

ESLint

Integrates ESLint JavaScript into VS Code. The extension uses the ESLint library installed in the opened workspace folder.

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements.

Vue JS Based Extension

Vetur

Vue tooling for VS Code, powered by vue-language-server.

Hope these extensions help you to make your development more productive.
Happy Coding

blog comments powered by Disqus