【Angular 入門】第二章 TypeScript 和 Typing

安裝 TypeScript

npm install typescript --save-dev

建立 tsconfig.json 配置檔案

{    "compilerOptions": {        "target": "es5",        "experimentalDecorators": true,        "emitDecoratorMetadata": true
    }
}

此時之前的 app.component.ts 中的錯誤就解決了。

編譯 TypeScript

$(npm bin)/tsc -v
$(npm bin)/tsc --rootDir src --outDir dist

此時會在專案中出現一個 dist 資料夾，並且裡面的檔案都是經過編譯後的 js。但是你會在命令列中看到一些錯誤資訊例如：Cannot find name 'Map'、Cannot find name 'Set' 等等，不要擔心接下來我們將解決這些問題。

安裝 Typings 以及 core-js

npm install typings --save-dev

$(npm bin)/typings -v
$(npm bin)/typings search core-js
$(npm bin)/typings install --global --save dt~core-js

注意：core-js 需要安裝在全域性

此時再編譯 TypeScript 時就不會有錯誤了

$(npm bin)/tsc --rootDir src --outDir dist

DEMO 原始碼

〖堅強的一俢〗