tek, ars & la strada ☯ॐ☢ csmr@kapsi

Let's refactor some angular with Visual Studio

So I installed Visual Studio Code and now it is time to find the ultimate way to empower your angular refactoring.

Being stylish, the first extension I installed was HTML CSS Support - it offers code completion for your css: https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

The second extension I wanted was TSLint, just to hear lot of warnings I can ignore: https://marketplace.visualstudio.com/items?itemName=eg2.tslint

For now, it seems I couldn't find other relevant extensions.

Using the linter

The linter runs automatically when files are opened. But theres more:

Take a look at the right-bottom-status-bar. There you will see a ! in a triangle with text "TSLint", clicking this should open either a terminal "Problems" or a popup with the same contents. Go lint!

Formatting html and ts using Visual Studio Code

Strange, its not in the top menubar menus: but you can format codez with right click -context menu. But, theres an easier way:

Alt+Shift+F
formats file and saves it. No fiddling around!

Bottom right status bar has "Spaces: 4" texts for indentation status: this text acts as an menu, as well. - Clicking it offers several indentation and autoformatting choices.

Copyright C. P. - published - All Rights Reserved - Ask permission to republish.