This a step by step guide of setting up Angular CLI. Angular CLI is a first-party CLI tool that helps developers to create, build and deploy applications among other things. It makes the process of building Angular apps easier by handling the most repetitive tasks on your behalf. This allows you to concentrate on building your application rather than setting up webpack among other things.
node -von your CLI/Terminal application. This should echo the version of NodeJS you just installed. You can do the same with NPM -
node -v- which should echo the version of NPM installed on your system.
Next, let’s install Angular CLI globally using NPM.
npm install -g @angular/cli
Once the process is done, you can verify if Angular CLI was installed successfully by running
ng version command. This should output the version of Angular CLI, NodeJS and Operating System, as shown below.
NB: Since you are not inside an Angular Project, the version of the package will return errors. Don’t panic, it’s normal.
Next, let’s create a new Angular application using Angular CLI. You do this by running
ng new command:
ng new project-name
After you run that application, you will be prompted for two things:
Whether you want to enable routing – this will setup Angular powerful router for you.
Which stylesheet you would like to use for your project –
NB: You can choose the defaults and change them later as your application requirement evolves using Angular CLI.
Once the above process of scaffolding a new application is complete, switch to the directory and run the scaffolded application, using
cd project-name ng serve
You can view the web app on your browser by accessing localhost on port 4200 – http://localhost:4200.
Occasionally, you may want to validate form input against data that is available asynchronous source i.e. a HTTP backend. For instance, …Read More
If you have used angular for even a brief period, you probably have come across the environment configuration files. By default, they are …Read More