Visual Studio 打字稿到 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 虚拟项目。在 Whosebug 上阅读了很多帖子后，我尝试了很多来找出问题所在。有些人在您可以看到的地方发布了屏幕截图，他们在项目属性 window 中有 "Typescript Options"，如下所示：

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

在 .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 文件。 npm, add-in install 等都是用2015都不需要的，开箱即用

请注意，对于 MVC 5 项目，它显示得不是很好。单击下方右侧图标的第三个 "Show all files" 图标，然后您将在添加 .ts 文件后看到您的 .js 文件。我一刷新项目视图，我的就出现了（确保您正在单击您的项目，然后您会在解决方案资源管理器中看到刷新图标）

Visual Studio 打字稿到 JavaScript

Visual Studio Typescript to JavaScript

visual-studio

typescript

tsconfig