在 Visual Studio 的网站项目中，Typescript 文件未编译为 javascript 文件

Question

我在 Visual Studio 2015 更新 3 中打开了一个 Angular 2 网站作为网站项目。 我将 "compileOnSave": true 添加到 tsconfig.json 并重新启动 VS。我重建了项目并运行了它，但是没有创建 .js 文件。我正在使用 Typescript 2.0.3。我在编辑 .ts 文件时看到“BuildOnSave..”消息。

知道为什么没有创建 Javascript 文件吗？

更新 tsconfig.json：

{
    /*"compileOnSave": true,*/
    "compilerOptions": {
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "watch": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false
    },
    "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts"
    ]
}

Answer 1

似乎您没有包含任何要编译的文件。
有多种方法可以指定编译器需要编译哪些文件，但您没有使用任何一种，您只指定了要排除的内容。

你可以使用include:

"include": [
    "src/**/*"
]

或者你可以使用files:

"files": [
    "file1.ts",
    ...
    "fileN.ts"
]

更多关于tsconfig.json docs page 的内容。

您也可以使用rootDir 或rootDirs compiler options。

Answer 2

Visual Studio Code 包括 TypeScript 语言支持，但不包括 TypeScript 编译器 tsc。您需要在全局或工作区中安装 TypeScript 编译器，以将 TypeScript 源代码转换为 JavaScript

安装 TypeScript 最简单的方法是通过 npm，即 Node.js 包管理器。如果你安装了 npm，你可以通过以下方式在你的计算机上全局安装 TypeScript (-g)：
npm install -g typescript

您可以通过检查版本或帮助来测试您的安装。 tsc --版本 tsc --help

最后确保点击解决方案资源管理器菜单栏中的“显示所有文件”以查看编译后的 JavaScript 文件