https://github.com/adcpd/agularjs2_first_config

Create a first config project using extension & package for AngularJs2 (initial project)
https://github.com/adcpd/agularjs2_first_config

angular2

Last synced: about 6 hours ago
JSON representation

Create a first config project using extension & package for AngularJs2 (initial project)

• Host: GitHub
• URL: https://github.com/adcpd/agularjs2_first_config
• Owner: ADCPD
• Created: 2017-08-03T22:57:58.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-03T23:02:39.000Z (over 7 years ago)
• Last Synced: 2024-11-12T00:34:56.142Z (2 months ago)
• Topics: angular2
• Language: JavaScript
• Size: 87.9 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AgularJs2_first_config

Create a first config project using extension & package for AngularJs2 (initial project)

##################  STEP TO STEP TO CREATE AN ANGULARJS 2 PROJECT  ##################

# create a new project AngularJs :

Next you need to follow this steps :  

# create index.html

> touch index.html

# create package.json with defaults

> npm init --yes

# install lite-server

> npm install --save-dev lite-server

# create the file "pakage.json" & execute the command

> npm run lite

##################  TYPESCRIPT  ##################

And now, we need to install the Typescript into you project NG-2.

# Add this line in the tsconfig.json

"lib": ["es2015", "dom"]

# Add this line in the  script > package.json:

"start": "concurrently \"npm run tsc:w\" \"npm run lite\"",

# install  the typescript package

> npm install --save-dev typescript @types/node @types/jasmine @types/core-js

# configurate with the same tsconfig.json

##################  Angular 2 : Dependencies  ##################

To install the dependencies use :

> npm install core-js reflect-metadata zone.js rxjs systemjs --save

or use :

> npm install core-js reflect-metadata zone.js [email protected] systemjs --save

##################  Angular 2 : Packages  ##################

To install the angular packages use :

> npm install @angular/core @angular/common @angular/compiler @angular/platform-browser @angular/platform-browser-dynamic @angular/forms @angular/http @angular/router --save

> npm i @angular/upgrade

##### Install System.js 

create a new file systemjs.config.js and copy the same configuration of my project

Add the dependency in the view " index.html ": 

  

    

    

    

    

    

    

    

    

        system.import('app').catch(function (e) {

            console.error(e);

        });