Setting up your new angular project
I am new to angular and took up task to setup angular and learn by making my hands dirty. So started experimenting the setup.
Initially I downloaded the Visual studio code.
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio…
Created a new folder on my desktop with a name called practice ui. Then I opened the VS Code and opened the folder in it.
Then the first step is to install the angular so ran the below command:
> npm install -g @angular/cli
Now angular cli is installed.
But if Node is not installed, you may get error. If so, quickly download the node v 8.x above. The latest version is better to download. And install the node and run the command.
To download node, you can use below URL:
Now create your new project with command:
> ng new <Project_name>
This may take some time….
Once project is created, the name of the project reflects in the directory.
then change the path to that directory :
Now run the project by running below command:
> ng serve
You can see the webpage by running the URL on web browser. :
You will see the below page.
Now you can develop your own page and run the project using ng serve command all the times.
Most common error:
You may face below issue sometimes:
To solve the above error, open Powershell and run it as Administrator.
Type the below command:
Now again run the ng command. It works.
Thank you so much for reading the post. Hope it helped you. Keep practicing.
Happy Learning :)