Open the application sources that are already on your machineĬlick Open or Import on the Welcome screen or select File | Open from the main menu.
To continue developing an existing Angular application, open it in IntelliJ IDEA and download the required dependencies. Only in this case your application is bootstrapped with a ready to use TypeScript and Webpack configuration. The recommended way to start a new Angular application is Angular CLI. Start with an existing Angular application
You may also need to install other packages that are parts of Angular, see the list of packages. Npm install will install the core Angular package with the critical runtime parts of the framework. In the embedded Terminal ( Alt+F12), type: Open the empty project where you will use Angular. When you click Create, IntelliJ IDEA creates and opens an empty project. Name the new project and change its location if necessary, then click Create. In the New Project dialog, from the Language list, select JavaScript. When you click Create, IntelliJ IDEA generates an Angular-specific project with all the required configuration files and downloads all the necessary dependencies.
Code completion is available in this field: as you start typing the name of an option or press Ctrl+Space, IntelliJ IDEA shows you the available options and their description. Optionally, 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 project name and the folder to create it in. In the left-hand pane, choose Angular CLI. Select File | New | Project from the main menu or click the New Project button on the Welcome screen. Of course, you can download Angular CLI yourself or create an empty IntelliJ IDEA project and install Angular in it. 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 IntelliJ IDEA downloads and runs for you using npx. Make sure the Angular and AngularJS plugin is enabled on the Settings/Preferences | Plugins page, tab Installed. Before you startĭebugging of Angular applications is only supported with Node.js version 16 and earlier. IntelliJ IDEA 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.