javascript - 在VS 2012中查看typescript输出的js文件

Question

我已经为 Visual Studio 2012 安装了 TypeScript 和 Web Essential。

在一个新的 TypeScript 项目中创建了 3 个文件:

• default.html
• 应用程序.css
• 应用.ts

在所有教程中，VS 2012 会自动在资源管理器中为 app.ts 文件创建下拉菜单，其中隐藏了 app.js 文件。

如下图所示:

但在我的例子中，“app.ts”和新的 TypeScript 文件“file1.ts”不会发生这种情况:

我需要在 VS 2012 的设置中做什么，才能自动创建和查看输出的 js 文件？

Answer 1

有一个快速修复程序可以显示解决方案中的文件。

如果您在解决方案资源管理器中单击“显示隐藏文件”图标，您将看到文件出现，您可以右键单击并选择“将文件添加到解决方案”。

这里的一个小问题是它们不会正确地嵌套在您的 TypeScript 文件中——它们会单独出现。您可以通过编辑项目文件以显示文件之间的依赖关系来解决此问题 - 我已经展示了两个都依赖于 app.ts 的文件作为示例，您可能只需要依赖 JavaScript 文件 typescript 文件:

<Content Include="app.d.ts">
  <DependentUpon>app.ts</DependentUpon>
</Content>
<Content Include="app.js">
  <DependentUpon>app.ts</DependentUpon>
</Content>