Hi everyone!

In this post, I'm going to show you some of the extensions that I use in vscode and find very useful! 👍

About VS Code

VS Code it's a very, very popular text editor (seriously, who doesn't have heard of it?!?) developed by Microsoft. 😱 (THAT'S RIGTH!!, BILL GATES MOTHERF*#3RS!!!)

Visual Studio Code was announced on April 29, 2015.

Currently it has more than 119k start in Github!

What makes VS Code so popular?

• Comes with Integrated Terminal
• Supports Intellisense
• You can save many Code snipets
• You can add a lot of custom Themes
• All the extensions you can download!

Extensions, extensions, extensions!! 🙌

Debugger for Chrome

The first one is debugger for Chrome, "Debug your JavaScript code running in Google Chrome from VS Code."

The extension operates in two modes - it can launch an instance of Chrome navigated to your app, or it can attach to a running instance of Chrome.

Bracket Pair Colorizer

Another very useful plugin, this extension allows matching brackets to be identified with colours.🌈 The user can define which characters to match, and which colours to use.

forceUniqueOpeningColor:false	forceUniqueOpeningColor:true

vscode-icons

Well, this needs no explanation, just install it and let your VS Code become beautiful 💎

DotENV

Easily read all your .env files!👈

Git Blame

Git Blame can't miss the party, easily find the one who did that horrible code 😡 with this extension.

IntelliSense for CSS class names in HTML

If you're a web developer, this extension will make your life a lot easier, forget about remember that tedious classes names and bring productivity to your life.👽

Markdown PDF

Export your markdown to pdf, html, png or jpeg with a simple right click.

Other utilities

• vscode-faker
  • Generate fake data for your app.
• Import Cost
  • Shows the size of a import.
• highlight-matching-tag

Nostalgia 🎻

Sublime Text Keymap and Settings Importer

For those who prefer tex editors like sublime, you can bring all of your shortcuts and settigs to VS Code!

Well, that's all for now, in the next post I'm going to show you the most helpful commands that I use, stay tuned! ✌

Learn more

If you want to learn more, you can visit any of the links above:

• WesBos (twitter)

  WesBos has a thread where many people post useful tips to use in your setup.

• freeCodeCamp

  The online web developers school for excelence, here you can find a lot of blog entries about VS Code (that's where i found most of the extensions that i use)

• Ahmad Awais (vscode.pro)

  He has a full course about leveling up yous VS Code skills, downside is that you have to pay, but for productivity it's totally worth it!