Ship internal tools in hours, not weeks. Real auth, users, jobs, audit logs, and cohesive UI included. Early access $249 $499 → [Get it now]

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

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to choose the right Angular UI Components for enterprise apps
How to choose the right Angular UI Components for enterprise apps

How to Disable Right Click on a Website Using JavaScript
How to Disable Right Click on a Website Using JavaScript

JavaScript printf equivalent
JavaScript printf equivalent

How to force a React component to re-render
How to force a React component to re-render

Answers by CoreUI Core Team