與ASP.NET v5一起使用TypeScript需要你用特定的方式來設(shè)置你的工程。更多關(guān)于ASP.NET v5的詳細(xì)信息請查看ASP.NET v5 文檔在Visual Studio的工程里支持當(dāng)前的tsconfig.json還在開發(fā)之中，可以在這里查看進(jìn)度#3983。

工程設(shè)置

我們就以在Visual Studio 2015里創(chuàng)建一個空的ASP.NET v5工程開始，如果你對ASP.NET v5還不熟悉，可以查看這個教程。

新創(chuàng)建一個空的工程

然后在工程根目錄下添加一個scripts目錄。這就是我們將要添加TypeScript文件和tsconfig.json文件來設(shè)置編譯選項的地方。請注意目錄名和路徑都必須這樣才能正常工作。添加tsconfig.json文件，右鍵點(diǎn)擊scripts目錄，選擇Add，New Item。在Client-side下，你能夠找到它，如下所示。

在 Visual Studio 里添加'tsconfig.json'文件

A project in Visual Studio's Solution Explorer

最后我們還要將下面的選項添加到tsconfig.json文件的"compilerOptions"節(jié)點(diǎn)里，讓編譯器輸出重定向到wwwroot文件夾：

"outDir": "../wwwroot/"

下面是配置好tsconfig.json后可能的樣子

{
    "compilerOptions": {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "target": "es5",
        "outDir": "../wwwroot"
    }
}

現(xiàn)在如果我們構(gòu)建這個工程，你就會注意到app.js和app.js.map文件被創(chuàng)建在wwwroot目錄里。

構(gòu)建后的文件

工程與虛擬工程

當(dāng)添加了一個tsconfig.json文件，你要明白很重要的一點(diǎn)是我們創(chuàng)建了一個虛擬TypeScript工程，在包含tsconfig.json文件的目錄下。被當(dāng)作這個虛擬工程一部分的TypeScript文件是不會在保存的時候編譯的。在包含tsconfig.json文件的目錄外層里存在的TypeScript文件不會被當(dāng)作虛擬工程的一部分。下圖中，可以見到這個虛擬工程，在紅色矩形里。

A virtual project in Visual Studio's Solution Explorer

保存時編譯

想要啟用ASP.NET v5項目的保存時編譯功能，你必須為不是虛擬TypeScript工程一部分的TypeScript文件啟用保存時編譯功能。如果工程里存在tsconfig.json文件，那么模塊類型選項的設(shè)置會被忽略。

Compile on Save

上一篇：TypeScript 1.7下一篇：介紹