アングラー2新米向け

2486 ワード

アングラー2初心者ガイド
Anglar 2の正式版が発表されたばかりで、自分もng 1だけ使ったことがありますが、大勢のオーディエンスがTypeescriptに飛び込むので、Anglar 2はまた使うTSです.TSを勉強するついでにng 2を勉強しました.
本文は主に公式教程を参考します.
初心者向けですので、初期設定も教えてください.
Init-初期化
まず自分でNodeJSとnpmを装うことを保証します.それからプロジェクトフォルダを作ります.何と言ってもいいです.好きなのを見てください.
基本的なAnglar 2プロジェクトフォルダには以下のいくつかのプロファイルが含まれています.
  • package.jsonは、プロジェクトのnpmパケット依存性
  • を定義しています.
  • tsconfig.jsonは、プロジェクトファイルからJavascript
  • を生成するためにTypecriptコンパイラを定義しています.
  • typings.jsonは、追加のサードパーティTSライブラリの定義ファイル
  • を提供する.
  • systemjs.co nfig.jsは、アプリケーションモジュールの情報をどこで探して登録し、必要なすべてのパケット依存性をモジュールキャリアに提供する.
  • そして彼らを作成します.
    公式サイトでは手動で写してもらいます.
    ここで怠けて変えます.
  • npm initで落書きすればいいです.
  • その後、まずpackage.json
  • を解決します.
    npm install @angular/common @angular/complier @angular/core @angular/forms @angular/http @angular/platform-browser @angular/platform-browser-dynamic @angular/router @angular/upgrade --save  
    npm install angular-in-memory-web-api bootstrap core-js rxjs reflect-metadata systemjs zone.js   --save
    npm install concurrently lite-server typescript typings --save-dev
    
    アングラー2この倉庫はなんとbetaだったのですか?
    ここで各ライブラリをまとめてみます.@アングラーの先頭にあるのはそれぞれのアングラーのコンポーネントです.npmでanglarからアップロードします.オーソドックスに見えるangglarとangglar 2はnpm上のanglarcoreでアップロードされていますが、今はベータ版だけです.angglar-i-n-memory-web-appiはあなたをサポートしています.bootstrapを参考にして、もちろんみんな知っています.とても有名です.coree-jsはES 5、ES 6、Promisesなどの特性に適したrxjsを直接見て紹介します.もし読めないならば、ここでもう一つの紹介があります.静的なウェブページはすでに歴史になりました.現在のウェブページのデザイントレンドは三つのお客様の考えを予測して、より良いインタラクティブ機能を提供します.例えば、自動でフォームを記入したり、Wikipediaを検索したりします.Rxjsはマウスとキーボードのイベントに応答しやすいです.reflect-metadata Typeescript帯の修飾メタデータを用いて、メタデータが反射します.systemjsはシステムを起動するためのものではないかもしれません.zone.jsはanglarチームがNodejsのDomain、DartのZoneを参照して、anglar 2のために開発したコアコンポーネントです.詳細に紹介する
    concurrentlyは、npm run watch-js&npm run watch-lessのように複数のコマンドを同時に実行するために使用されますが、より良いことができます.lite-serverはご覧の通り開発用の小さいserver typescriptですので、紹介しなくてもいいですよね???typings Typeescriptの定義マネージャです.TypeingsはTS(クラス)定義を管理してインストールする簡単な方法です.typings.jsonを使ってTypeings Registry、GitHub、NPM、Bower、HTTP、およびローカルファイルを決定します.パケットは、タイプ定義を使用して、さまざまなソースと異なるバージョンから、ユーザにとって競合しないことを知っている.
    そろそろ紹介しました.私達はステップを続けます.
  • その後、typings.json ./node_modules/typings/dist/bin.js init ./node_modules/typings/dist/bin.js install dt~core-js dt~jasmine dt~node --save --global
  • その後、tsconfig.json ./node_modules/typescript/bin/tsc --init
  • systemjs.com fig.jsは本当にどうやって簡略化するか分かりません.