Learn more from the Angular official website. If you are using Angular version 16 or later, you can also select the Create new project with standalone components checkbox. Code completion is available in this field: as you start typing the name of an option or press Ctrl+Space, WebStorm shows you the available options and their description. In the Additional parameters field, specify the extra ng new options to pass to Angular CLI. When creating an application, select the folder where the package is stored. Select a configured interpreter from the list or choose Add to configure a new one.įrom the Angular CLI list, select npx -package ng.Īlternatively, for npm version 5.1 and earlier, install the package yourself by running npm install -g in the Terminal Alt+F12. In the Node Interpreter field, specify the Node.js interpreter to use. Specify the path to the folder where the project-related files will be stored. In the left-hand pane, choose Angular CLI. Of course, you can download Angular CLI yourself or create an empty WebStorm project and install Angular in it.Ĭlick Create New Project on the Welcome screen or select File | New | Project from the main menu. As a result, your application is bootstrapped with a ready-to-use TypeScript and Webpack configuration. The recommended way to start building a new Angular application is Angular CLI, which WebStorm downloads and runs for you using npx. For more information about plugins, refer to Managing plugins. In the search field, type Angular and AngularJS. Press Ctrl+Alt+S to open the IDE settings and then select Plugins.
![license server address webstorm license server address webstorm](https://support.goldsim.com/hc/article_attachments/8014561193107/mceclip0.png)
Make sure the Angular and AngularJS plugin is enabled in the settings. Make sure you have Node.js on your computer.
![license server address webstorm license server address webstorm](https://cdn.cs.1worldsync.com/08/4b/084bea86-3e46-4116-bc72-a5c48d753991.jpg)
![license server address webstorm license server address webstorm](https://user-images.githubusercontent.com/5556580/84016324-68a6f600-a97d-11ea-8892-e4e1ed0448dd.png)
WebStorm provides support for Angular and helps you on every step of the development process – from creating a new Angular app and working on the components to debugging and testing it. Angular is a popular framework for building cross-platform applications.