How config vscode for avoid the warnings on angular development

Question

I am trying to find out how to avoid alert messages other than those that are directed to errors as such. Trying to follow some tutorials to learn angular I have found that the editor, in my case vs code, marks many errors, but these are warning.

For example:

Doctype must be declared first.(doctype-first)

Where it clearly says that DOCTYPE is needed like any html file, but it should be remembered that in angular, only that is done in the index or main html file.

The attribute name of [ *ngIf ] must be in lowercase.(attr-lowercase)

And in this case, it says that everything must be in lowercase, when they are embedded methods of the same framework and is stipulated in that way.

~~The other~~

Properties should be separated by semicolons (semicolon)tslint(1)

When it is clearly in JSON format, which as an object is separated by commas mostly time.

EDIT: After fixing the commas with semi-colons to create valid JSON, I still receive the following complaining about the String variable type:

Here is the code in full in a GitHub Repo

That second example isn't a good one; that's *not* JSON, you *should* be using semicolons: https://www.typescriptlang.org/docs/handbook/interfaces.html — jonrsharpe, Jan 31 '20 at 21:34
@ConnorsFan yes and not, cause put the semicolon but appear other warning, [image link](https://imgur.com/rQ5GNJx) — Pedro Miguel Pimienta Morales, Jan 31 '20 at 22:12

score 1 · Answer 1 · edited Apr 07 '20 at 19:49

1

That's strange, the HTML template error, as it seems like a vs code issue. Can you please try to ensure that you have the latest version of vs code or just try restarting your editor.

The error where it complains about the semicolon is a valid tslint rule based on tslint.json. Possible solutions to this is disable this rule by hovering over bulb icon on the error in your file and click on any suggestions you get to disable the rule for this file. Second approach is to go to your tslint.json and disable the rule for all files. Third one, if you don't want your vscode to show linting errors at all, you can just uninstall tslint or any other linting plugin that you may have added.

Ideally you should follow the linting rules. If I were you I would do neither of three and stick to what the angular team put in tslint file.

edited Apr 07 '20 at 19:49

ruffin

16,507
9
88
138

answered Feb 01 '20 at 03:02

Rahul Wasnik

142
1
5

Yes, i close an open much time but still same, I'll try the option yo disable this message for htlm files un angular, can you check the file tslint config un muy repo? – Pedro Miguel Pimienta Morales Feb 01 '20 at 05:05
can u share u project on stackblitz please – Rahul Wasnik Feb 09 '20 at 03:10
3

I'm learning to use VSCode, but i solved, just disabled the plugin **HTML Hint** – Pedro Miguel Pimienta Morales Feb 10 '20 at 14:18
Or you could've set to `"doctype-first": false, "attr-lowercase": false,` in `.htmlhintrc` as suggested [here](https://stackoverflow.com/a/39877952/1028230). – ruffin Apr 07 '20 at 19:57

How config vscode for avoid the warnings on angular development

1 Answers1