# 5 Must-Have VS Code Extensions for Angular / Ionic Developers

VS Code is the best IDE for Angular / Ionic Developers because of many reasons. They provide Pre-installed Git, having bundles for code intelligence, code format etc.. and VSCode has a vast number of extensions for various functionalities.

Those factors make VSCode more preferable IDE for Angular / Ionic Developers.

The 5 VSCode extensions that I feel as must-have for Angular/Ionic Development are :

*   [**Angular Language Service**](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)

Angular Language Service is the most productive extension for Angular / Ionic Developers. It provides rich editing experience by using completion list, Quick info and got a definition like features.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671270521553/Hms4wMDV-.gif)

Source: Github ([https://raw.githubusercontent.com/angular/vscode-ng-language-service/master/client/R67RcGftRS.gif](https://raw.githubusercontent.com/angular/vscode-ng-language-service/master/client/R67RcGftRS.gif))

*   [**TSLint**](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin)

TSLint extension is used to checks [TypeScript](https://github.com/Microsoft/TypeScript) code for readability, maintainability, and functionality errors. It will check code according to the lint rules, configurations and formatters.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671270523300/i4wdlFbEk.jpeg)

*   [**Ionic 4 Snippets**](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets)

Ionic 4 Snippets extension provide Ionic snippets for your template. It will help Ionic Developers to design template faster using suggestion and shortcuts that this extension provides.“ *i-”* is used to getting recommendations of Ionic 4 snippets.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671270524624/d1y-OvRZl.jpeg)

*   [**Angular 8 Snippets — TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout**](https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode)

Angular 8 Snippets Extension provides Html & Typescript Snippets for Visual Studio Code. It gave Angular 2,4,5,6, 7 & 8 Snippets.Along with angular recommendations, the extension gives shortcuts for [Angular Material](http://material.angular.io), [Flex Layout](https://github.com/angular/flex-layout), [NGRX](http://ngrx.io) and [Jest Js](http://jestjs.io).

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671270525914/io-VqruQM.jpeg)

*   [**Prettier — Code Formatter**](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

Prettier is one of the extensions that make VS Code more user-friendly. It will automatically format the code according to the syntax of our program. JavaScript, TypeScript, CSS files can be format by using this extension.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671270527236/4DzR2lMYN.jpeg)

Thanks :)

Don't Forget to Follow Us