Useful Angular Tools and Extensions - Part 2

Angular Snippets Extension

The Angular Snippets extension contains a collection of TypeScript and HTML code snippets for various Angular artefacts, such as components. With Angular snippets, you may add snippets for Angular in HTML and TypeScript. Using the snippets instead of having to type the complete thing saves you a ton of time.

Note: Make sure to download the correct version of angular snippets based on the version of the angular you are using on your machine.

Install Angular Snippets Extension (Latest version)

To get it, go through the following steps:

1. Navigate to the Extensions menu of VS Code.

2. Type Angular Snippets in the search box.

3. Click the Install button on the first entry item.

If you want to download Angular Snippets for older Angular versions, go to Visual Studio marketplace and click the version history tab

How to Use Angular Snippets Extension

Open your Angular application in VS Code and click on the New File button next to the workspace name in the Explorer pane.

Enter a proper file name, including the .ts extension, and press Enter. Now type a-component inside the file and press Enter.

The below recording shows you how to do it clearly

Below is a table listing some common short codes for generating Angular-specific snippets

Please visit the below link to learn more about the extension

https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

We installed and set up one of the most wanted extensions that needed to work with Angular development. That’s it! Your journey into the world of Angular has just begun.

In the next NGX-LK newsletter, I will bring you some more cool stuff about Angular.