国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

angular2JS學習筆記1

figofuture / 3515人閱讀

天才第一步,配置環境node,nvm,npm,webpack等。

1.創建一個文件夾angular2-app.內置文件有package.json , tsconfig.json , typings.json.

//typings.json
{
  "ambientDependencies": {
    "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd",
    "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#5c182b9af717f73146399c2485f70f1e2ac0ff2b"
  }
}
//package.json
{
  "name": "angular2-app",
  "version": "1.0.0",
  "scripts": {
    "start": "tsc && concurrently "npm run tsc:w" "npm run lite" ",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "typings": "typings",
    "postinstall": "typings install"
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.15",
    "systemjs": "0.19.26",
    "es6-shim": "^0.35.0",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.2",
    "zone.js": "0.6.10"
  },
  "devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.2.0",
    "typescript": "^1.8.10",
    "typings":"^0.7.12"
  }
}
//tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

2.在當前目錄下運行(確保node已經打開)

npm install

然后就可以看到根目錄下多了一個文件夾node_modules和typings.

3.根目錄下新建文件夾app
這里先寫入兩個文件app.component.ts和main.ts

//app.component.ts
import {Component} from "angular2/core";

@Component({
    selector: "my-app",
    template: "

My First Angular 2 App

" }) export class AppComponent { constructor(){} }
//main.ts
import {bootstrap}    from "angular2/platform/browser";
import {AppComponent} from "./app.component";
bootstrap(AppComponent);

4.在根目錄下建立文件index.html和styles.css

//index.html

  
    Angular 2 QuickStart
        
    
    
    
    
    
       
    
    
    
    
    
    
  
  
  
    
  Loading~~~~
  

//styles.css
/* Master Styles */
h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}
h2, h3 {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
}
body {
  margin: 2em;
}
body, input[text], button {
  color: #888;
  font-family: Cambria, Georgia;
}
/* 
 * See https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css
 * for the full set of master styles used by the documentation samples
 */

5.在根目錄下終端運行

npm start

這時就會自動跳轉到頁面:

此時,我們的第一個angular2頁面就完成啦

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79220.html

相關文章

  • postgresql學習筆記---安裝和psql基本操作

    本文是PostgreSQL修煉之道這本書的學習筆記,記錄下疑惑或不解的地方. 這里也列一些資源: 官方文檔:http://www.postgresql.org/files/documentation/pdf/9.4/postgresql-9.4-A... 中文文檔:http://www.php100.com/manual/PostgreSQL8/ 阮一峰的博客:http://www.ruanyif...

    GeekQiaQia 評論0 收藏0
  • 深度學習研究綜述

    摘要:此原因在一定程度上阻礙了深度學習的發展,并將大多數機器學習和信號處理研究,從神經網絡轉移到相對較容易訓練的淺層學習結構。深度學習算法可以看成核機器學習中一個優越的特征表示方法。 摘要:深度學習是一類新興的多層神經網絡學習算法。因其緩解了傳統訓練算法的局部最小性, 引起機器學習領域的廣泛關注。首先論述了深度學習興起淵源, 分析了算法的優越性, 并介紹了主流學習算法及應用現狀,最后總結當前存在的...

    jokester 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<