Skip to main content

VS Code Editor-Best 5 Extention for VS code editor Download Now!

   


Are you a web developer? Are you a programmer? Are you a web designer? Or no matter who you are, if you have coded, it may not be that you haven't heard the name of the

 VS code editor.

 Because it is a great free code editor. Which is also used by most big developers. Then why don't you use it? And if you have used it, today we will discuss five great extensions of VS code to make your use more fun. Using them will make your job much easier. So let's start without further ado.


Many of us know how to install extensions in VS code. And those who do not know they can install in the rules shown below.


To install the extension in VS code, first open your VS code. Then you will see an option like below in the sidebar.



If you click on the last option from here, you will get the option to install the extension. You can easily install the extension you need from there. Now what are those five extensions? Let's discuss what they do.


1. Live Server


This extension will be very useful for those of us who design web. Those of us who design it, go to the browser and refresh the page to check the code of a part. Even if we add a single code, we have to refresh the page to see which is a very annoying task. And we can use the live server extension to solve this problem. To install the extension we will go to the extension option from the code editor. Then I will go there and type Live Server in the search bar. After writing this, we will see an extension like below.




From here we can install by clicking on the Install button next to the extension. If you want, you can install it by clicking on the extension. So we will click on the extension.




You can also install the extension by clicking the install button from here. You can go to the bottom to know the work of this extension. Then you can easily know its work. Once the extension is installed, close your code editor and open it again. After opening, you will see a button called Go Live at the bottom right of the bar in your editor. Now when you open the file you want to run in the browser, click on the Go Live button, then they will create a port for you and the file will run in the browser. And whenever you make a change to the code inside the file, your file in the browser will be automatically refreshed.

 

2. Cobalt 2


This is a theme of VS code. Which is pretty awesome to see. And while it would be nice to see a code editor theme, it would also be great to work there. So you can use this theme to make your code editor more attractive. To install it, go to the extension option again and type Cobalt 2 in the search bar. Then you will see an extension of a theme like below.




From here you can install the extension as per previous rules. Then press ctrl + k and ctrl + t from the keyboard to activate your code editor and you will see a panel like below.




Select the cobalt2 theme from here. Then the theme will be activated in your code editor.


3. Material Icon


Icons also need to be made attractive to make the code editor attractive. If you don't like the icons that are normal after installing VS Code Editor, you can use this extension. So type Material Icon Theme in the search bar. Then you will see an extension like below.


Also install it from here as per previous rules. Then you will see that the icons of the folder and file of your code editor have changed. And it looks a lot better than before.


4. Bootstrap 4 and Font Awesome 5


Boothstrap and Font Wesam are two of the most important things we can do right now to design a website. It is seen that many times when we code, we do not remember their classes. Most of the time it is seen in the case of Font Wesam. And there are extensions to solve this problem. To use it, type Bootstrap 4 and Font Awesome 5 in the search bar. Then you will see an extension like below.

From here you will also install it as per the previous rules. Then whenever you go to code it will give you suggestions and you can easily add the class by clicking from there. And just by typing the name of the icon, the class of the icon in the font wesam will show in the suggestion. Clicking there, the icon will be added.


5. Quokka js.


So far I have only shown extensions for designers. But I can't show it to JavaScript developers. So the extension I will talk about now is for JavaScript developers. Those who have used the quokka js extension know how awesome this extension is. And those who don't know will fall in love with it once they use it. I have already said what is the function of it? Its job is that those of us who work with JavaScript, after writing a code, go to the console to run it and run the file and see the code.


Which is a very annoying thing. Which is why I don't want to work with JavaScript because of this annoying thing. They will fall in love with the extension as well as JavaScript after using this extension. By showing its output next to the code when you code Will give. If there is any type of error, it will show immediately. In fact, I can't explain in writing how awesome it is. So you have to install it to understand its function. For that go to the search bar and type quikka js. Then you will see an extension like below.




After installing it, close your editor and restart it. Then press ctrl + shift + p from the keyboard to open the JavaScript file you want to run the extension in. Then you will see a panel like below.




In the search bar, type quokka js, then click on the Start on Current file option. Then the extension will run in your JavaScript file. And you can see the output directly in the file without going to the console. In the file where you want to run the code, then you have to start the extension in the above rule.


These were five extensions. So far so good for today.


Comments

Popular posts from this blog

How to lose weight fast and safely?

In a world where weight loss is very discussed then are the various issues that are amid obesity and excessive weight gain, a really important topic of weight gain is skipped. Weight gain may be a very serious issue, a bit like weight loss is. However, an individual who needs help with it, hesitates and is shy in discussing the matter mainly because people think that weight gain isn't so important. Obviously, who would want to realize weight? this is often because people specialise in how they ought to look on the surface . This has become a standing symbol of beauty and other people don't realize how and what an underweight person has got to undergo especially within the matter of health. There are numerous health issues that such an individual has got to face and lots of of these are mentioned below.

In order to switch your body to its ideal condition,

WHAT IS GUEST BLOGGING? AND WHY IT'S IMPORTANT FOR YOUR BUSINESS

What is gues blogging Guest blogging, additionally referred to as “guest posting,” is that the act of writing content for one more company’s web site. Generally, guest bloggers write for similar blogs inside their business so as to:

Attract traffic back to their web site

Boost their domain authority exploitation external links to high-authority domains

Increase their complete credibleness and awareness, and

Build relationships with peers in their business.

Almost invariably, guest blogging offers mutual advantages for each the guest blogger and also the web site hosting the guest content. In alternative words, guest blogging could be a street — thus once you commit to get on the guest blogging bandwagon, you must take into account that includes posts by guest bloggers on your own web site, too.
Why Is Guest Blogging necessary For Your Business?
Guest blogging offers variety of advantages for any business. By sharing your experience on alternative companies’ websites, you'll estab…

Use mobile for webcam[Mobile to windows webcam]

Many of us use computer or laptop webcams to make video calling, online classes or YouTube videos. Again many times you may have to use a webcam for emergency work. But not everyone has a webcam anymore.
 Use mobile for webcam
If you have an Android phone, you can save on the cost of buying a separate webcam. Sounds weird? Today I will show you how you can use your Android phone as a computer webcam.
In this process, the video will be streamed to the camera of the mobile and will go to a specific port of the computer. A computer software will show it as a webcam video. It may sound a little difficult to hear. But it’s a lot easier than playing pubji.
Here we will discuss two ways to use mobile as a webcam. I hope there will be no problem in understanding.
মাধ্যমে Via USB
জন্য To use the webcam via USB, you need to download the mobile app of Dev4Apps. "DroidCam Wireless Version" Click here to download the app from the Play Store.
ঢ Enter your favorite browser on the computer and go …