Last tutorial you have learned how to set up your
environment to work with Angular. In this tutorial you will learn how create
your first Angular application.
Steps to create the Angular Project
Open command prompt Run
ng new <<your app name>>
Once you run the above command it will ask you to select the
type of css that you need to use.
Then Angular CLI will install necessary npm packages and
other dependencies.
 |
| ng new my-flower-store command |
Within a minute or two CLI will create the project with all
the necessary features that you can run your app.
Initial app contains
- A new
workspace, with a root folder named my-flower-store (project
name you gave with ng new command)
- An initial
skeleton app project, also called my-flower-store
- An
end-to-end test project (in the e2e subfolder).
- Related
configuration files.
How to run your first Angular App
Type cd my-flower-store
Run ng serve --open
 |
| ng serve --open command |
ng serve command will build the app and it
will start the development server. This will rebuild your app whenever
you do the changes to project files.
--open command will open new browser to http://localhost:4200
If you wanted to change the port, you can use command
ng serve –port <<port number>>
Congratulations! You have created your first angular
application and you will see the sample html content as below in your browser.
 |
| My Flower Store App in Browser |
Posts
No comments:
Post a Comment