How to create Angular-7 Project
Before creating Angular-7 Project We need to have following prerequisites.
STEP 1 - Prerequisites
- Before setting up your project, first, check your environment and add node.js & Node Package Manager.
- For installing node.js, use the URL - https://nodejs.org/en/download
- If node.js is already installed on your system, just check the version of node.js to ensure it is 8.x or 10.x
- You can check for the versions of node and npm using the following commands respectively -
node -v
npm -v
STEP 2 - Set up an Angular project using Angular CLI
- Using Angular CLI, we can create a boilerplate project with all the needed packages and library code including testing, deployment, and building the project.
STEP 3 - Setting up angular/cli in our system environment
- For the installation using npm, just go and open the terminal and run the below command.
npm install -g @angular-cli : : '-g' means we are installing angular-cli globally for our system.
STEP 4 - Set up the application in your directory
- For installation using ng, just go to and open the terminal and run the below command.
ng new you-application-name
The application is ready and installed all the dependencies in the desire path. Now we can open the code through VS Code editor and run the brand new application.
To open the application type in the path Code. like below
Now the application in open in Vs code like below, To run the application open the Vs Code terminal like below.
Type the below code to run the application.
To open the application type in the path Code. like below
Now the application in open in Vs code like below, To run the application open the Vs Code terminal like below.
Type the below code to run the application.
ng serve --open
0 Comments
Post a Comment