Setup programming environment

Written by Jason Admin

Jan 20, 2022

Video tutorial

Also, read this article, here I have listed a few other extensions

Code Editor

We need a code editor to edit our code. VS code this the best code editor I have ever used.

Go to and download it for your operating system.

Note: while you are installing it remember to checkmark all the checkbox


Nowadays, Visual Studio Code is widely used for writing software. The editor is highly extensible, and a number of contributors have developed useful extensions to give it extra functionality. Using these tools, you can accelerate your development and enhance collaboration with your teammates. Here are some of the best extensions

1 Live Server

Live server

When I started to learn web development, I really wished this extension existed. A lightweight NodeJS server is spun up to serve the HTML file and all assets from the given directory. Furthermore, any saved changes you make to your website will be reflected immediately in the browser, creating an excellent developer experience. 

Auto Rename Tag

Auto rename tag

3 css-auto-prefix


The goal of this tool is to eliminate the time it takes to prefix all of your CSS attributes by doing it for you as you type. Keep in mind that it does reformat the CSS attributes which are already inside a block element, but this shouldn’t be too noticeable in most cases.

4 Material Icon Theme

It makes the icon of everything pretty cool

5 Monokai++

React screenshot

A modern Monokai theme for Visual Studio Code which I use

6 TODO Highlight

Highlight TODOFIXME 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 I’ve been wanting an extension for a long time that highlights them and reminds me that there are notes or things not done yet.

10. Gitlens


GitLens is an open-source extension that combines the capabilities of Git and VsCode. One of the best features of this extension, is the ability to visualize code authorship via Git blame annotations and code lens. You can also navigate in the history of a file back and forth to see the changes that were made on it. With the current-line blame you have the ability to click on a single line in the code and you can see the last commit that modified it and you also get a link to the pull request that introduced that change. Overall a really useful tool if you use git as your version control system.

I hope it was helpful for you. 😀

Don’t forget to write a nice comment which will inspire me to write more. 👇👇👇

You may also like…

JavaScript Exam – 01

JavaScript Exam – 01

Do the best! সর্বোচ্চ পরীক্ষার সময় 35 মিনিট কেহ দুর্নীতি করার চেষ্টা করবেন না. আল্লাহ আপনাকে দেখছেন. নিজেই নিজের...

Final Exam

Final Exam

Instructions এক্সামের মার্ক 50 আমি সবার টা চেক করব, এরপর রেজাল্ট পাবলিশ করব.যারা আগে সাবমিট করবে তারাই ফরেস্ট হবে. so...


Get In Touch

Get In Touch