Useful command of Angular CLI

Useful command of Angular CLI

I made a small list of commands which use a lot in Angular CLI and I want to share my list with you.

I made a small list of commands which use a lot in Angular CLI and I want to share my list with you.

First of all, we need to install Angular CLI.

npm install -g @angular/cli

This command we need to write in terminal or console.

When cli is installed we need to create our first project:

ng new name-of-project

This command will create an empty project for us. If want to use in our project SCSS files instead of CSS,we must write:

ng new name-of-project --style=scss

After project creation, we need to install all packages which contains in packege.json.

npm intall

Now packages are installed and we can run our project:

ng serve

If we want to run and open our project in browser we should use:

ng serve --open 

By default Angular run project on port:4200, if we want to set another port:

ng serve --port=4222

Also we can use both those option in one command:

ng serve --open --port=4222 

Setting the watch option false will stop automatic rebuilds when you change code:

ng serve --watch=false

When running ng serve, the compiled output is served from memory, not from disk. This means that the application being served is not located on disk in the dist folder.

ng serve --poll 1000

Sometimes could be very useful to build project in production mode:

ng build --prod

Also we could use Ahead of Time Compilation which compiles your app at build time:

ng build --prod --aot

It is time to start developing our project, that means we need to create a new component, class, module, or something else. Angular CLI can help us with that:

ng generate component name-of-component

angular-cli angular cli front-end-development

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire Front End Developer | Hire Dedicated Front End Programmers In India

Hire Front-end web developers and programmers in India from ValueCoders for your custom offshore Front-end application development projects. Hire Front-end developer from ValueCoders and get interactive Front-end web designs. 16+ years exp. , 100% money back guarantee, 450+ Staff . Contact Us Today!

Top 6 Productivity Tools for Front-end Developers

Today I wanted to share with you the tools I daily use to increase my productivity as a front-end developer. 6 tools to increase your productivity as a Front-end developer.

Install Angular - Angular Environment Setup Process

Install Angular in easy step by step process. Firstly Install Node.js & npm, then Install Angular CLI, Create workspace and Deploy your App.

Front end Development Services in Ahmedabad

Contact DataPierce for any questions or queries you have about website development, designing, marketing projects or any small or enterprise software development.

Setting Up Pop!_OS for Front End Development

If you’ve heard all the chatter lately about Pop!_OS and have been wanting to try it out, here’s a good guide to setting up a front end…