You must have faced problems while writing your code. Like it takes lot of time to complete, you get errors, end up thinking programming is not your cup of tea.
Then this blog is exclusively for you.
Visual Studio Code is one of the best free source-code editor made by Microsoft for Windows, Linux and macOS. It gives the user friendly environment which have amazing features.
❝ I'm not a great programmer; I am just a good programmer with great habits.❞— Kent Beck
How to install Visual Code Extensions?
If you don’t know how to install the extensions, don’t worry its very easy. Click the extensions icon on the left side of the screen. It’s the fifth icon, immediately below the Debug icon.
Search the extension in search bar and click on install.
Now, you know how to install Extensions. So, without wasting any time let’s know about the Extension which would make your programming easier.
Alert :- These Extension are from my personal experience. You can explore more.
1. One Dark Pro
One Dark Pro is based on Atom’s default One Dark theme, and is one of the most downloaded themes for VS Code.
To Apply this Extension Press ctrl(⌘) + k, then press ctrl(⌘) + t, you will see a theme selection interface. Choose One Dark Pro.
2. Live Server
The Live Server extension is extremely useful for web development. This extension provides a live reload feature for both static and dynamic pages. Changes are immediately reflected in the browser as you save your code.
Every time you save your code, it will reload the browser and you can see the changes reflected in the browser. Thus, this extension makes it faster to spot the error and so you can easily do some experiments with your code.
3. GitLens
GitLens is an open-source extension by GitKraken which helps you to better understand code. It quickly glimpse into whom, why and when a line or code blocks was changed.
It provide many awesome features like revision navigation, current line blame, authorship code lens, status bar blame, Git Command Palette, terminal links and many more...
4. Kite
Kite is an AI-powered programming assistant. It is an Auto-Complete Extension by Kite which helps you to write code faster by saving your keystones and showing you the right information at the right time.
Kite works for all major programming languages: Python, Java, Go, PHP, C/C#/C++, JavaScript, HTML/CSS, Typescript, React, Ruby, Scala, Kotlin, Bash, Vue and React.
5. Live Share
Live Share is an Real-time collaborative development Extension by Microsoft. It enables you to Collaboratively edit and debug with other in real time, Regardless of what programming language you’re using or App you’re building.
Unlike traditional pair programming, It allows developers to work together, while retaining their personal editor preferences, as well as there own cursor.
6. Path Intellisense
Path Intellisense auto completes filenames and is developed by Christian kohler. This fork supports JSON5 configuration files.
7. Prettier
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
It ensure that this extension is used over other extensions you may have installed, be sure to set it as the default formatter in your VS Code settings. The setting can be set for all languages or by a specific language.
8. Code Spell Checker
Code Spell Checker is a basic spell checker by Street Side Software that works well with camelCase code. This spell checker is to help catch common spelling errors while keeping the number of false positive low.
Once installation is finished, The spell-checker in the files and programming languages will automatically be enabled. It supports a bunch of languages.
9. Better Comments
The Better Comments extension will help you create more human-friendly comments in your code.
With this extension, you will be able to categorize your annotations into:
- Alerts
- Queries
- TODOs
- Highlights
- Commented out code can also be styled to make it clear the code shouldn't be there
- Any other comment styles you'd like can be specified in the settings
10. Code Snapshot
Code Snapshot is a VS Code extension that tries to make your life easier. When you are coding, you may want to take a photo of your work to share it in your social media or presentations. Code Snapshot is your tool! Open the extension, select the code that you want to share and take beautiful screenshots of your code.
It will be possible for you to export the image of your code locally.
Thank you for reading this blog. If you like this blog don’t forget to follow me for more awesome blogs like this.
If you ❤️ My Content! Connect with me on Twitter (abhinav_jha07)
Show your support by buying me a coffee
My other digital presence:
Mail: x3vgi9xr@duck.com
GitHub: akj0712
LinkedIn: abhinavjha07
Telegram: abhinav_kumar_jha
More Content at abhinavjha07.hashnode.dev/
Your feedback is more than welcome