Visual Studio Code and angular
My favorite extensions for angular development
Visual Studio Code is a development IDE by Microsoft. It is free and the community provides a lot of extensions to improve the development.
Below you will find my current extensions I have installed to improve myangular/html/css development.
vscode-ng-language-service - VS Code plugin for the Angular Language Servicegithub.com
This plugin to VS Code provides Angular language services for Angular. This plugin will provide completions in template files and template strings.
Important note: This extension needs to be installed as VISX (it is not available in marketplace yet).
Extension for Visual Studio Code - Angular with TypeScript snippets. This extension upports Angular v2 or greater.marketplace.visualstudio.com
This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.
When you define an inline template or inline style sheet using the backtick character(
`) the content will be processed by this extension.
Extension for Visual Studio Code - Easily navigate to component's files in angular2 project.marketplace.visualstudio.com
Easily navigate to
style(.scss/.sass/.less/.css)in angular2 project.
HTML / CSS extensions
Extension for Visual Studio Code - Built-in, easy to use Sass compilermarketplace.visualstudio.com
It’s about time someone created a standalone extension to compile SASS/SCSS files in Visual Studio Code. Don’t you think?
Extension for Visual Studio Code - Provides CSS class name completion for the HTML class attribute based on the CSS…marketplace.visualstudio.com
A Visual Studio Code extension that provides CSS class name completion for the HTML
classattribute based on the CSS files on your workspace.
Extension for Visual Studio Code - convert json into type interfacemarketplace.visualstudio.com
jsonToType is a VS Code extension which converts JSON to TypeScript interfaces.
Extension for Visual Studio Code - Tools for manipulating JSONmarketplace.visualstudio.com
Tools for manipulate JSON. You can pretty/minify JSON with this extension.
Extension for Visual Studio Code - Port of IntelliJ IDEA Keybindings, including for WebStorm, PyCharm, PHP Storm, etc.marketplace.visualstudio.com
Port of IntelliJ IDEA key bindings for VS Code. Includes keymaps for popular JetBrains products like IntelliJ Ultimate, WebStorm, PyCharm, PHP Storm, etc.
Extension for Visual Studio Code - Icons for Visual Studio Codemarketplace.visualstudio.com
Bring icons to your VS Code.
Extension for Visual Studio Code - Open Markdown preview automatically when opening a Markdown filemarketplace.visualstudio.com
This VS Code extension automatically shows Markdown preview whenever you open new Markdown file. If you feel annoying to type “Ctrl+K V” or “⌘+K V” (preview side-by-side) many times, this extension helps you.
Extension for Visual Studio Code - Ensures all files end in a new line on savemarketplace.visualstudio.com
This extension ensures that all files end in a new line when you save them.
If you know another interesting and cool extensions to improve the web development, please leave me a comment. I will add them to the list 😉