Visual studio code

We mostly use VSCode for editing the Angular workspace, since VS support for angular is not great.

Feel free to use it for editing .NET files as well, however we haven't configured required extensions for this purpose as of yet.

Recommended extensions

The workspace define a group of recommended extensions that you have to install:

Better TOML

MSBuild project tools

XML Tools

EditorConfig for VS Code

markdown lint

Beautify

Angular Snippets (Version 9)

Peacock

Material Icon Theme

Angular Language Service

GitLens — Git supercharged

Code Spell Checker

Prettier - Code formatter

ESLint

To install the recommended extensions exist different options:

Option 1

When you open VSCode it shows you a notification to install all the recommended extensions.

Option 2

To install this recommended extensions follow the next steps:

1. Go to the extension menu in vscode.
2. Filter the recommended extensions.
3. Install one by one.

Editor configuration

Terminal

The ITsynch suite defines as default terminal de "Git bash" for the project workspace.

If you have a different console vscode will recommend you to use the git bash while you are opening a console window.

Linters

Prettier

Formatter available for:

• Typescript.
• Javascript.
• Json.
• scss.

Available scrips: You can format a all the included files using this command:

npm run prettier:write

You can check if your code follow the project format with:

npm run prettier:check

You have the configuration files at the root of the angular folder.

.prettierignore

Beautify

Formatter available only for Html files.