Posts

Plugin: Angular TypeScript Snippets

Image
Let's talk about one of the best plugins for VsCode and Angular developers. This extension adds code snippets for Angular , TypeScript and HTML and is updated for Angular 12 (at the time of writing). It is very easy to use this plugin. Just type the beginning of a code and press Enter, like this: We can type a-ngfor and the autocompletion will show some options. If we press Enter, then a complete template will be shown as the example below: Some code snippets have a context. We can't use a a-ngFor in TypeScript or Angular code, but only in HTML. Let's see some of the code for each language. Angular/Typescript snippets Snippet Make a-component A component a-directive A directive a-httpclient-get return this.httpClient.get('url...
Post a Comment
Read more

VS Code: Some good plugins

Image
I am studying Angular 11 and during the practice I'm using VS Code to code. VS Code is a fantastic IDE. I've been using Eclipse IDE for many years, but I never did install plugins to help with autocompletion in HTML or Java. I just used the Dracula Theme. Eclipse IDE is full of features even without plugins. But using VS Code I could see how handful and powerful the plugins can be. Sublime VSCode Theme After install VS Code we could see its Dark Theme as default. It's very beautiful, let's take a look at it: At least to me the code is not very highlighted. E.g., in the code above we have dark blue and light blue on a dark background. VSCode comes with other themes. I will show another later. Now to use a theme that highlights the code better, we can use the Sublime VSCode Theme . Now we can see the differences. It could be just a matter of taste, but I prefer the second one. To install this plugin, you can click on Extensions on the left-hand side bar and search fo...
Post a Comment
Read more