Why NG commands used in Angular JS

Krishnendhu A
5 min readMar 4, 2022


Angular is closely related to its command-line interface (CLI). The user interface streamlines the generation of the Angular filing system. It deals with most of the configuration behind the scenes therefore developers will begin cryptography. The user interface additionally incorporates a low learning curve recommendable for any newcomer desperate to jump right in. Heck, even older Angular developers place confidence in the CLI!


The Angular user interface needs Node.js and Node Packet Manager (NPM). You’ll be able to check for these programs with the terminal command: node -v; npm -v. Once put in, open a terminal and install the Angular user interface with this command: npm install -g @angular/cli. This may be dead from any place on your system. The user interface is organized for world use with the -g flag.

Verify the user interface is there with the command: metric weight unit -v. This outputs many lines of knowledge. One amongst these lines states the version of the put-in user interface.

Recognize that the metric weight unit is the basic building block of the user interface. All of your commands can begin with metric weight unit. Time to require a glance at four of the foremost common commands prefixed with a metric weight unit.

Key Commands

• ng new

• ng serve

• ng generate

• ng build

• ng update

The key terms for every of that area units quite telling. Together, they comprise what you may get to hit the bottom running with Angular.

ng new

ng new creates a brand new Angular filing system. This can be a surreal method. Please navigate to a file location fascinating for brand spanking new application generation. Sort this command as follows, exchange [name-of-app] with no matter what you want: metric weight unit new [name-of-app].

A filing system below the folder [name-of-app] ought to seem. Be happy to explore what lies at intervals.

ng serve

To get the appliance running, the metric weight unit serve command should execute at intervals in the [name-of-app] folder. Anyplace at intervals, the folder can do. The Angular user interface should acknowledge that it’s at intervals associate degree atmosphere generated with metric weight unit new. It’ll run provided this one condition. Move and check out it: metric weight unit serves.

The application runs on port 4200 by default. You’ll be able to read the Angular application by navigating to localhost: 4200 in any applications program. Ok, the appliance runs. It hopefully functions, however you wish {to know|to belowstand|to grasp} what’s happening under the hood. Refer back to the [name-of-app] filing system. Navigate [name-of-app] -> src -> app. in that lies the files liable for what you saw on localhost: 4200.

ng generate

The .component files outline associate degree Angular part together with its logic (.ts), style (.css), layout (.html), and testing (.spec.ts). The app.module.ts significantly stands out. Together, these 2 teams of files work along as part and module. each part and module area unit 2 separate samples of Angular schematics. Schematics classify the various purpose-driven blocks of code generatable with metric weight unit generates.

For the sake of this text, perceive that a module exports associate degreed imports assets to and from an underlying part tree. A part issues itself with one section of the computer program. That unit’s logic, style, layout, and testing stay encapsulated at intervals in the varied .component files.

ng build

Angular could be a face tool. The user interface performs its operations on behalf of the face. Metric weight unit serve takes care of the rear finish server setup. This keeps development entirely targeted on the face. That said, connecting your own rear to the Angular application should even be potential.

ng build fulfills this would like. Before making an attempt it out inside the filing system. Navigate to [name-of-app] -> angular.json. Search for this single line of code: “outputPath”: “dist/my-app”.

This one line of configuration determines wherever metric weight unit build dumps its results. The results are the whole Angular application compiled into one folder dist/my-app. inside that folder, there exists index.html. The total Angular application will run with index.html. No metric weight unit serve is critical from here. With this file, you’ll be able to simply wire up your rear.

ng update

In the angular user interface metric weight unit update do automatic updation on all the angular and npm packages to the latest versions.

Here is that the syntax and choices may be used with metric weight unit update.

ng update [package]


• dry-run –dry-run (alias: -d)

Run through while not creating any chances.

• force –force

If false, can error out if put in packages area unit incompatible with the update.

• all –all

Whether to update all packages in package.json.

• next –next

Use the most important version, together with beta and RCs.

• migrate-only –migrate-only

Only perform a migration, doesn’t update the put-in version.

• from –from

Version from that to migrate from. solely out there with one package being updated, and solely on migration solely.

• to –to

Version up to that to use migrations. solely out there with one package being updated, and solely on migrations solely. needs from to be such. Default to the put-in version detected.

• registry –registry

The NPM written record to use.

These commands cowl the fundamentals. Angular’s user interface is an out of this world convenience that expedites application generation, configuration, and enlargement. It will all this whereas maintaining flexibility, permitting the developer to form necessary changes.

The Angular team tries to unleash a brand new version update every six months. Currently that you simply understand the many updates and options of the all-new Angular thirteen, you want to provide it a strive. If you’re still exploiting the older Angular v12, it’s time to upgrade it to version thirteen to form wonderful apps that support trendy net development standards.

Angular has witnessed improvement in styling, Nullish Coalescing, and shifting from Legacy i18n Message IDs as some other important features that make this release a stable one. AngularJS training in Kochi is one of the trending programs that every developer desires to master in Angular JS. AngularJS training institute in Kochi with all prerequisites is provided by the best Angular JS training.



Krishnendhu A

A Content marketing enthusiast