This content originally appeared on DEV Community and was authored by Babi-B

Are you trying to setup your workspace so as to ease your work and boost your productivity? This is for you

When I started out, there was an overwhelming urge to test out every code editor there was, try out every shortcut and install every extension. Yeah, the excitement was immense!?.

Here are some extensions that I have found truly useful in my learning journey.

PS: The text editor used here is visual studio codes...did I say that already?

VS Extensions

1. Prettier

Prettier integrates with your editor, so your code is tidied up every time you save your changes. It makes the code more readable and consistent with your project's style guide.

How to set up Prettier plugin

2. Auto Rename Tag

This extension saves a lot of time.It automatically renames the closing tag when you rename the opening tag.

How to set up plugin

3. Live server

This extension automatically refreshes the browser whenever you save your work. It is especially useful when working with html, css and js projects.

How to set up plugin

4. Bracket Pair Colorizer2

This extension matches a bracket pair with a unique color. You'll find this extension quite useful when browsing through your code especially when you have several scopes deep in your code.

How to set up plugin

5. Indent-rainbow

This extension increases the readability of your code and makes it easy to browse throught your work.

How to set up plugin

6. Path intellisense

This extension autocompletes file paths when referencing them in a link.

How to set up plugin

7. Material Icon Theme

Material Icon Theme makes icons more obvious to the eye. So you can quicky identify different files types from each other.

How to set up plugin

8. Palenight theme. It's quite elegant?

How to set up plugin

Hey this is just a limited list of extensions you can find on VS code, there's so much more out there.

Comment down below on which extension you found(or think is) most useful as a beginner programmer.

                                          ? Babi

This content originally appeared on DEV Community and was authored by Babi-B

Print Share Comment Cite Upload Translate Updates

APA

Babi-B | Sciencx (2021-04-13T23:44:34+00:00) VS code extensions to boost productivity (with previews). Retrieved from https://www.scien.cx/2021/04/13/vs-code-extensions-to-boost-productivity-with-previews/

MLA

" » VS code extensions to boost productivity (with previews)." Babi-B | Sciencx - Tuesday April 13, 2021, https://www.scien.cx/2021/04/13/vs-code-extensions-to-boost-productivity-with-previews/

HARVARD

Babi-B | Sciencx Tuesday April 13, 2021 » VS code extensions to boost productivity (with previews)., viewed ,<https://www.scien.cx/2021/04/13/vs-code-extensions-to-boost-productivity-with-previews/>

VANCOUVER

Babi-B | Sciencx - » VS code extensions to boost productivity (with previews). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/04/13/vs-code-extensions-to-boost-productivity-with-previews/

CHICAGO

" » VS code extensions to boost productivity (with previews)." Babi-B | Sciencx - Accessed . https://www.scien.cx/2021/04/13/vs-code-extensions-to-boost-productivity-with-previews/

IEEE

" » VS code extensions to boost productivity (with previews)." Babi-B | Sciencx [Online]. Available: https://www.scien.cx/2021/04/13/vs-code-extensions-to-boost-productivity-with-previews/. [Accessed: ]

rf:citation

» VS code extensions to boost productivity (with previews) | Babi-B | Sciencx | https://www.scien.cx/2021/04/13/vs-code-extensions-to-boost-productivity-with-previews/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.