Amazing visual studio code Extensions for developers 🤩

Murugan

15 Jul, 2022

Amazing visual studio code Extensions 🤩

Visual studio code provides lots of extensions to make visual studio code better experience for the developers

1. Auto close

From VS Code 1.16, it has built-in close tag support for HTML, Handlebars and Razor files. This extension is enabled for other languages like XML, PHP, Vue, JavaScript, TypeScript, JSX, TSX and so on. It is configurable.

Tags features

✔ Automatically add closing tag when you type in the closing bracket of the opening tag

✔ After closing tag is inserted, the cursor is between the opening and closing tag

✔ Set the tag list that would not be auto closed

✔ Automatically close self-closing tag

✔ Support auto close tag as Sublime Text 3

✔ Use Keyboard Shortcut or Command Palette to add close tag manually

Usages

After typing in the closing bracket of the opening tag, the closing tag will be inserted automatically.

2 . Live server

live Server enables to run your web files directly on the live server without running locally so its is more useful feature for today's developer

✔ A Quick Development Live Server with live browser reload.

✔ Start or Stop server by a single click from status bar.

✔ Open a HTML file to browser from Explorer menu.[Quick Gif Demo].

✔ Support for excluding files for change detection.

✔ Hot Key control.

✔ Customizable Port Number, Server Root, default browser.

✔ Support for any browser (Eg: Firefox Nightly) using advance Command Line.

✔ Support for Chrome Debugging Attachment (More Info). [Quick Gif Demo].

✔ Remote Connect through WLAN (E.g.: Connect with mobile) [Need Help? See FAQ Section]

✔ Use preferable host name (localhost or 127.0.0.1).

✔ Customizable Supporting Tag for Live Reload feature. (Default is Body or head)

✔ SVG Support

✔ https Support.

✔ Support for proxy.

✔ CORS Enabled

✔ Multi-root workspace supported.

✔ Support for any file even dynamic pages through Live Server Web Extension.

3. Tabnine AI Autocomplete for Javascript, Python, Typescript

Whether you call it IntelliSense, intelliCode, autocomplete, AI-assisted code completion, AI-powered code completion, AI copilot, AI code snippets, code suggestion, code prediction, code hinting, or content assist, you probably already know that it can massively impact your coding velocity, cutting your coding time in half.

Powered by machine learning models and trained on more than a billion lines of open-source code with permissive licenses, Tabnine is the most trusted AI-powered code completion available today.

Features :

Tabnine Indexes your entire project and determines which files to ignore by reading your `.gitignore`

Tabnine cuts your number of keystrokes in half and eliminates unnecessary typos

Tabnine works right out of the box ensuring frictionless installation and configuration

Tabnine offers code completion suggestions in less than 10 milliseconds

4. smooth

Visual Studio Code does not have an API for modifying the editor CSS, this extension modifies the core index file that is loaded by the Electron browser. After enabling Smooth Typing, the editor may complain that it is corrupt, and ask you to reinstall. This is perfectly normal, and perfectly safe. Just click the cog on the top of the notification and elect to not be shown this message again.