Beruflich Dokumente
Kultur Dokumente
QuickStart
Contents
Step 1. Set up the Development Environment
Good tools make application development
quicker and easier to maintain than if you did
everything by hand.
https://angular.io/guide/quickstart 1/13
11/9/2017 Angular - QuickStart
ng new my-app
cd my-app
ng serve --open
https://angular.io/guide/quickstart 2/13
11/9/2017 Angular - QuickStart
Step 1. Set up
src/app/app.component.ts the Development
Environment
export class AppComponent {
Step 2. Create a
title = 'My First Angular
new project
App';
} Step 3: Serve the
application
https://angular.io/guide/quickstart 3/13
11/9/2017 Angular - QuickStart
8. HTTP
FUNDAMENTALS
TECHNIQUES
stable (v5.0.1)
What's next?
Project le review
https://angular.io/guide/quickstart 4/13
11/9/2017 Angular - QuickStart
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
polylls.ts
styles.css
test.ts
tscong.app.json
tscong.spec.json
https://angular.io/guide/quickstart 5/13
11/9/2017 Angular - QuickStart
with an HTML
template, CSS
stylesheet, and a
test. It is the root
component of wh
become a tree of
nested compone
the application
evolves.
https://angular.io/guide/quickstart 6/13
11/9/2017 Angular - QuickStart
when building yo
so you never nee
add any <script
<link> tags her
manually.
https://angular.io/guide/quickstart 7/13
11/9/2017 Angular - QuickStart
zone.js , but be
( tsconfig.app.j
FEATURES DOCS RESOURCES
and for the unit te
EVENTS BLO
( tsconfig.spec.
my-app
e2e
app.e2e-spec.ts
app.po.ts
tscong.e2e.json
node_modules/...
src/...
.angular-cli.json
.editorcong
.gitignore
karma.conf.js
package.json
protractor.conf.js
README.md
tscong.json
tslint.json
File Purpose
of it.
See
http://editorcong.o
for more informatio
https://angular.io/guide/quickstart 11/13
11/9/2017 Angular - QuickStart
Next Step
Version 5.0.2-build.36613+sha.28985cb.
https://angular.io/guide/quickstart 12/13
11/9/2017 Angular - QuickStart
https://angular.io/guide/quickstart 13/13