Anglar 2開発者のType Script配置

6420 ワード
アングラー2 Web開発
Type ScriptはAnglarアプリケーション開発に使用される主言語です.JavaScriptの「方言」の一つで、タイプの安全とツール化のために設計期間をサポートしています.
ブラウザは直接Type Scriptを実行できません.それは先に使わなければなりません tsc コンパイラはJavaScriptに変換されます.コンパイラはいくつかの構成が必要です.
このページはType Scriptの設定と環境のいくつかの面をカバーします.これらはAnglar開発者にとって重要です.具体的には以下の書類が含まれています.
tsconfig.json - Type Scriptコンパイラ配置.typings - TypeScriptタイプ宣言ファイル.tsconfig.json
私たちは通常プロジェクトにType Scriptプロファイルを追加して(tsconfig.json)、コンパイラがJavaScriptファイルをどのように生成するかを指導します.
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  }
}
このファイルのオプションとマークはAnglarアプリケーションを書くための基礎です.
noImplicitAny を選択します suppress Implicit AnyIndexErrrors
Type Scriptの開発者たちがいます.  noImplicitAny マークは  true まだです  false 上に意見の相違があるこれは標準的な答えがありません.これからもこのマークを修正できます.しかし、私たちの選択は大きなプロジェクトの中で著しい差が生じますので、議論する価値があります.
質に入れる  noImplicitAny マークは  false(デフォルト値)の場合、コンパイラが変数の用途に応じて変数のタイプを推定できないと、こっそり変数のタイプをデフォルトにすることができます.  any.これです 隠蔽法  any という意味です
私たちは「クイックスタート」の中で  noImplicitAny フラグを初期化  false ,Type Scriptの開発をもっと簡単にするためです.
質に入れる  noImplicitAny マークは  true そしてType Scriptコンパイラがタイプを推定できない場合、まだJavaScriptファイルを生成します.でもそれはできます エラーを報告します . 多くの経験豊富なプログラマはこのような厳しい設定が好きです.タイプ検査はコンパイルの間にもっと多くの予期せぬミスを捕まえられます.
にしても  noImplicitAny マークが設定されています.  true ,変数の種類を  any .
もし私たちが  noImplicitAny マークは  true ,私たちは得るかもしれません. インデックスエラー . ほとんどのプログラマは感じるかもしれません. このエラー 助けではなく悩みです.私たちはもう一つのマークを使ってそれらを禁止できます.
COPYコード
"suppressImplicitAnyIndexErrors":true
Type Scriptタイプ定義(typings)
多くのJavaScriptライブラリ、例えばjQuery、JasmineテストライブラリとAnglarは、新しい特性と文法を通じてJavaScript環境を拡張します.Type Scriptコンパイラは生の識別ができません.コンパイラが認識できない場合、エラーが発生します.
私たちは使えます Type Scriptタイプ定義ファイル ——  .d.ts ファイル——コンパイラがロードするライブラリの種類の定義を教えます.
Type Script敏感なエディタはこれらの定義ファイルを使ってこれらのライブラリのそれぞれの特性のタイプ定義を表示します.
多くのライブラリは自分のnpmパッケージにそれぞれのタイプの定義ファイルを含んでいます.Type Scriptコンパイラとエディタはそれらを見つけることができます.アングラークもそうです.任意のAnglarアプリケーションの  node_modules/@angular/core/ カタログには、いくつかの項目が含まれています.  d.ts ファイルは、アングラーの各部分を記述しています.
私たちはそれらのために含める必要はありません.  d.ts ファイルのライブラリ取得 タイプの定義 ファイル——Anglarのカバンは全部このようです.
インストールタイプ定義ファイル
残念なことに、たくさんの倉庫――jQuery、JasmineとLodashなどの倉庫――全部 ありません 彼ら自身のnpmパッケージに含まれています.  d.ts ファイル幸いなことに、彼らの作者やコミュニティの貢献者はすでにこれらのライブラリのために独立したものを作っています.  d.ts ファイルを公開し、周知の場所に公開しました.
We can install these typings via  npm using the  @types/* scoped package and Typeescript(starting at 2.0)will atomaticaly recognize them.
For instance、to install typings for  jasmine we could do  npm install @types/jasmine --save-dev.
私たちは「クイックスタート」の中で三つを指定しました. タイプの定義 ファイル  d.ts ):
core-js ES 5ブラウザにES 2015/ES 6の特性を追加するタイプ定義です.
jasmane は、Jasmineテストフレームのタイプ定義です.
node にいるためです nodejs 環境では、オブジェクトのコードを参照して提供するタイプの定義があります. webpack ページには例が見られます.
Javascriptのthisオブジェクトの初解