结合ASP.NET v5使用TypeScript

    我们就以在Visual Studio 2015里创建一个空的ASP.NET v5工程开始,如果你对ASP.NET v5还不熟悉,可以查看这个教程

    然后在工程根目录下添加一个目录。 这就是我们将要添加TypeScript文件和文件来设置编译选项的地方。 请注意目录名和路径都必须这样才能正常工作。 添加tsconfig.json文件,右键点击scripts目录,选择AddNew Item。 在Client-side下,你能够找到它,如下所示。

    A project in Visual Studio's Solution Explorer

    最后我们还要将下面的选项添加到tsconfig.json文件的"compilerOptions"节点里,让编译器输出重定向到文件夹:

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

    1. "compilerOptions": {
    2. "noImplicitAny": false,
    3. "noEmitOnError": true,
    4. "sourceMap": true,
    5. "target": "es5",
    6. }

    当添加了一个tsconfig.json文件,你要明白很重要的一点是我们创建了一个虚拟TypeScript工程,在包含tsconfig.json文件的目录下。 被当作这个虚拟工程一部分的TypeScript文件是不会在保存的时候编译的。 在包含tsconfig.json文件的目录外层里存在的TypeScript文件不会被当作虚拟工程的一部分。 下图中,可以见到这个虚拟工程,在红色矩形里。

    A virtual project in Visual Studio's Solution Explorer

    保存时编译