WebStorm unknown HTML tag Angular 2

Question

Just downloaded latest WebStorm trial to try out on existing Angular 2 CLI v6.2.4.

I did the file open of my root project folder. I see all the files in IDE explorer. However cannot navigate code (Ctrl + F1) says unknown HTML tag.

What are the steps to configure WebStorm for Angular 2? I googled and also went to Settings -> Languages & Frameworks -> JS -> Libraries -> Add and not listed there.

For "Create new project" I do see Angular listed but this is an existing CLI project created outside of WebStorm.

Please advise how to setup.

Answer 1

Please make sure that AngularJS plugin is enabled in Preferences | Plugins and @angular node_modules are not excluded from project: Angular support is only enabled if node_modules/@angular folder is included in index. Expand node_modules in Project tool window to check what @angular folder looks like there: excluded folders usually have orange color