How to create a new Angular project

Setting up a new Angular project efficiently is crucial for getting started with enterprise-level development and modern web applications. As the creator of CoreUI, a widely used open-source UI library, I’ve created countless Angular projects and integrated CoreUI with Angular for enterprise dashboards and admin panels. From my expertise, the most reliable and standard approach is to use the Angular CLI with the ng new command. This method ensures proper project structure, TypeScript configuration, and build tooling from the start.

Use Angular CLI’s ng new command to create a new Angular project with proper setup.

ng new my-angular-app

The ng new command creates a complete Angular project with all necessary configuration files, dependencies, and folder structure. It automatically installs npm packages, sets up TypeScript configuration, creates the main app component, and configures the build system with Webpack. The CLI prompts for routing setup and stylesheet format preferences, allowing you to customize the initial project setup according to your needs.

Best Practice Note:

This is the same approach we use when creating new CoreUI Angular projects for enterprise applications. Add --routing flag and choose SCSS for styles to match CoreUI’s preferred setup for professional dashboard development.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


About the Author