How to Install Angular 6 is the topic of this tutorial. If you already know about Angular 2, Angular 4 or Angular 5, It will be pretty much same to start a new brand project in Angular 6.
However, If you don’t have previous experience with Angular, then don’t worry — It would be really easy for you to Install Angular 6 on your machine. But, before going further let’s know what is Angular and what one should know before installing and learning the Angular 6.
What is Angular??
Prerequisites while Install Angular 6
To Install Angular 6 on your computer you should have
- Node Packange Manager (NPM)
- Basic Knowledge to run command via terminal
To check whether or not you have top two of these installed, open your system terminal and type:
node -v or node --version npm -v or npm --version
If these commands do not recognize by your system and
Then, If you have not installed Node.js and NPM on your computer, Please follow the simple Node.js installation process that will take few minutes to make your system Node enabled.
After a successful Node.js installation you will get the below screen when you run the command again given above:-
Install Angular 6 using the CLI (Command Line Interface)
Angular CLI (Command Line Interface) is really a quickest and very simple and easy way to get started with a new Angular 6 project.
We have now NPM installed on our system So We’re going to use NPM to Install the Angular CLI through the command, Just open the terminal and run the command given below:-
npm install @angular/cli -g
It will take little time to install Angular CLI in your computer globally. After a successful installation run the command to check the version of CLI
You can see the screenshot above that gives me Angular CLI version 6.1.4, which is really great. Now run the few commands to create a brand new Angular 6 project.
Go to your system directory where you want to create the project, For me, I have created a folder MyApps on Desktop. You can choose your’s own folder name.
Now we are in MyApps directory, Now run the command to create or Install Angular 6 project in the
ng new my-new-angular6-project --style=scss --routing
We have added two flags in the above command –style=scss and –routing, You can ignore these and can run the command simply ng new my-new-angular6-project.
- –style=scss – It tells the CLI that we want the CSS to use the Sass compiler.
- –routing – It tells the CLI that we want the routing environment pre-setup in the project. But I’ll suggest you to not use this flag if you are a beginner and try to create routing manually in the project that will help you to understand Angular Routing and Angular Menu Navigation.
After a successful
cd ~/Desktop/MyApps/my-new-angular6-project ng serve
It will take a few seconds to compile the p
Install Angular 6 without the CLI (Command Line Interface)
It’s a really simple process to Install Angular 6 without the CLI. Just go to the Angular Quickstart page and download the zip folder which contains the basic structure of an Angular 6 Project.
Once the Project folder downloaded extract it and move the extracted folder
Navigate to that folder and simply run the command
It will download all the necessary Node Modules and dependency which is needed to run an Angular 6 Project. After then you can run ng serve command to compile the Project as you normally do.
So, What is next??
In the next tutorial, We will learn about Angular Files & Folders Structure. For now, Please share your thoughts in the comment section and let me know what you want to learn in the upcoming days.