Thursday, August 4, 2016

4. First angular app

index.html, app folder
in app, boot.ts, app.component

tsconfig.json
how to

typings.json // type definition

package.json // dependencies

1. need install dependencies

npm install -g angular-cli

ng new project_name

in project folder,

ng serve 

will look at packages.son and install dependences

Serving on

http://localhost:4200/

open chrome localhost:4200

open seed project

app folder // container for our app

boot.ts
app.component.ts // root component of our app
tsconfig // determine how to transpile a typescript file into javascript. e.g. target: es5
package.json //standard json config file.

want to fasttrack so we can start our first app.

go to seed project folder

npm install. 

npm will look at package.json and download dependencies from npm registry.
when installation complete, will see a new folder called node modules.

See package.json again

'start' - run tsc compiler in watch mode. can modify file and tsc will automatically transpile.
npm run lite runs webserver.

npm start


No comments:

Post a Comment