如何在预 .net 核心控制台应用程序的 Visual Studio 2015 中编译打字稿？答案

【问题标题】：How to compile typescript in Visual Studio 2015 in pre- .net core console application?如何在预 .net 核心控制台应用程序的 Visual Studio 2015 中编译打字稿？
【发布时间】：2016-04-29 02:40:19
【问题描述】：

我知道当您迁移到 .net core / dnx 时有一个简单的答案，但我需要一个在 .net core 之前的世界中的答案。

我有一个控制台应用程序，它自托管 owin Web 服务器。我在项目中添加了打字稿文件，语法高亮/智能感知开箱即用。

但是我不知道如何将 .ts 文件编译成我的自托管 Web 服务器随后将提供的 javascript。

在类型脚本文件属性选项卡上，构建操作被选择为“TypeScriptCompile”，但它似乎没有任何影响。

我猜想编写一个特殊的 msbuild 脚本可以实现这一点，但我很想知道是否有更简单的解决方案可以内置到 Visual Studio 中。

【问题讨论】：

标签： .net visual-studio typescript compilation console

【解决方案1】：

在属性中，将自定义工具设置为MSBuild:CompileTypeScript。构建时，如果 .ts 已被修改，它将生成 .js 文件。

【讨论】：

No dice - 没有错误，但也没有生成 js 文件。
您是否设置了查看所有文件的选项？它在生成文件时不会将文件添加到项目中。
我知道。没有设置选项，而是看着他们应该出现的项目文件夹。

【解决方案2】：

根据this answer，将以下行添加到您的项目文件中：

<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" />`

在此之后它应该开始工作。对于您的 .ts 文件，您可以通过将这些行添加到您的项目文件中为您拥有的每个 .ts 文件使生成的 .js、.js.map 在 Visual Studio 中可见：

<ItemGroup>
  <None Include="file1.js">
    <DependentUpon>file1.ts</DependentUpon>
  </None>
  <None Include="file1.js.map">
    <DependentUpon>file1.ts</DependentUpon>
  </None>
</ItemGroup>

这假定您的 .ts 文件（已在项目中）称为 file1.ts。

这将类似于以下内容：

【讨论】：