Angular
Angular 2 is an open-source JavaScript framework to build web applications in HTML and JavaScript. It was built by the developers at Google.
The src
folder Structure
src app app.component.css app.component.html app.component.spec.ts app.component.ts app.module.ts assets .gitkeep environments environment.prod.ts environment.ts favicon.ico index.html main.ts polyfills.ts styles.css test.ts tsconfig.app.json tsconfig.spec.json
Step 1. Set up the Development Environment
You need to set up your development environment before you can do anything.
Install Node.js and npm on your machine.
Then install the Angular CLI globally.
npm install -g @angular/cli
Step 2. Create a new project
Open a terminal window.
Generate a new project by running the following commands:
ng new application-name
Step 3: Serve the application
Go to the project directory and launch the server.
cd my-app ng serve --open
Using the --open
(or just -o
) option will automatically open your browser on http://localhost:4200/
Step 4: Edit your first Angular component
open src/app/app.component.ts file and you can change the title.
export class AppComponent { title = 'My First Angular App!'; }