This is what VSCODE Extension installed on my laptop!

Arif Dian SurantašŸ¢
3 min readMay 29, 2022

--

Photo by Mohammad Rahmani on Unsplash

Without further ado, letā€™s take a look at the Vscode extensions that Iā€™ve been using and have made it easier for me to write code.

  1. Tabnine AI Autocomplete

Tabnine autocomplete is an extension that uses Artificial Intelligence to speed up your work, so itā€™s as simple as this. When you want to type a code, this extension seems to know what you want to type, but itā€™s scary, isnā€™t it?šŸ˜… As far as I know, with this extension, it will read the script that is around our pointer, so for example we want to type code using references from other code ā€œI usually split 2 tabs left and right references the code I typedā€ now in that position the extension will run optimally. Just try it.

2. JQuery Code Snippets

As the name implies, this extension is used for JQuery and makes writing JQuery code very fast. For example, if you want to create an ajax, now just type jqajax which will show several options that best match the keywords you typed, just select it and an ajax command block is ready, just adjust a few parameters. I think you should use this extension if JQuery is one of the frameworks you are using.

3. Gitlens

Who bothers using git? Gitlens is a GUI model of git, for example you are still unfamiliar with git CLI commands, you just need to install Gitlens, because you just need to click and click like run push to server , pull, commit, view commit history on file. The feature I like most about this extension is that it makes it easy to do push or pull, view file history, so you can easily compare any changes to files with this extension.

4. Bracket Pair Colorizer 2

Very simple but very useful. Honestly, this extension only gives color to curly brackets {}, brackets() and square brackets [], this extension is useful if the code you have typed is very large, especially if you scroll a lot.

5. Format HTML in PHP

sometimes I write html code but in PHP file extension because used for my work and maybe you have the same case, this extension can help you prettify your html code.

6. Prettify JSON

ever paste JSON from another source? and maybe after you paste the JSON became stupid af. this extension will help you to prettify JSON.

7.Remote - SSH

sometimes when urgently you want to modify code but itā€™s already in the server, and you want the code readable rather than using NANO or their friends, or perhaps you have struggle with that, this extension can help you coding direct from the cloud using this extension.

8. Auto Rename Tag

This is absolutely used for html syntax. especially when you want to replace tag, example: if you want to change H1 tag, you have to change both open and close tag, but using this extension, only change neither open or close tag and automatically both of them will be change. This is obviously pretty helpful.

9. Material Icon Theme

bored using same style everyday? Material Icon Theme extension can be used for customization your workspace, you can pick a lot of theme that fit on your own.

Conclusion

Vscode extension are very useful to used on certain work, obviously there is ton of extension out there, but above article is my list of useful extension that I can share, you can explore by your self. Hopefully can add to your insight

You guys, if knowing another great extension feel free to share it in comment bellowšŸ¤—.

CheersšŸ»

Originally published at https://www.arifdians.com on July 11, 2022.

--

--

Arif Dian SurantašŸ¢

HyšŸ‘‹, I am a Full Stack Developer UI/UX Enthusiast. I hope I can give you some interesting value! CheersšŸ». Founder of arifdians.com