Visual Studio Typescript 到 JavaScript

Question

在我的 Visual Studio 2015 项目中，我创建了一个打字稿文件 file1.ts。我的项目根文件夹中还有一个 tsconfig.json 文件。我通过 npm 全局安装了 tsc。我还从这里为 Visual Studio 安装了打字稿：https://www.microsoft.com/en-us/download/details.aspx?id=48593

但是当我编译我的项目时，我没有从我的 .ts 文件中获得任何 .js 文件。但我有一个 Typescript 虚拟项目。在stackoverflow中阅读了很多帖子后，我尝试了很多来找到问题。有些人发布了您可以看到的屏幕截图，他们在项目属性窗口中有“Typescript 选项”，如下所示：

打字稿虚拟项目如下所示：

在 .ts 文件中，我使用了一些示例代码：

class Startup {
    public static main(): number {
        console.log('Hello World');
        return 0;
    }
}

而 tsconfig.json 的代码是：

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitAny": true,
    "removeComments": true,
    "preserveConstEnums": true,
    "sourceMap": true
  }
}

我必须做什么才能让编译器从我的项目的 .ts 文件创建 .js 文件？

编辑：

我知道在 Visual Studio 2015 中，如果您使用 asp.net 5 项目模板，它是开箱即用的。但我有一个现有的项目，它在那里不工作。所以必须有一个选项来为现有项目获取此功能！？

Answer 1

如果您使用的是 Visual Studio 2015，只要您使用的是 VS 2015 的至少 RTM 版本，您就不需要任何这些。我假设您是，因为那是您的扩展页面发布:)

例如 - 只需创建一个新的 ASP.NET 5 项目，放入一个 .ts 文件，添加一些代码。请注意，我的打字稿文件在这里显示了 .ts 及其下方的已处理 .js 文件。如果使用 2015，npm、插件安装等都是不必要的，它是开箱即用的。

请注意，对于 MVC 5 项目，它的显示效果并不那么好。单击下方右侧图标倒数第三个的“显示所有文件”图标，然后您将在添加 .ts 文件后看到您的 .js 文件。我一刷新项目视图就出现了（确保你点击了你的项目，然后你会在解决方案资源管理器中看到刷新图标）