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+Fformats 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.