Visual Studio 2017中TS生成的JS文件未嵌套关联问题

嘿，我刚碰到过一模一样的情况，这就告诉你怎么搞定它！

VS2017默认没开启TS和编译后JS文件的嵌套显示，你只需要调整一下全局设置就行：

• 点击顶部菜单栏的 工具 -> 选项（Tools -> Options）
• 在弹出的窗口里，依次展开 文本编辑器 → JavaScript/TypeScript → 项目 → 常规
• 找到并勾选 将编译的JavaScript文件显示为TypeScript文件的嵌套项 这个选项
• 最后重启Visual Studio或者重新加载你的项目，就能看到编译生成的.js和.js.map文件乖乖嵌套在对应的.ts文件下面啦！

如果你不想改全局设置，也可以手动编辑你的.csproj项目文件，给每个TS对应的JS文件添加依赖关系，比如：

<ItemGroup>
  <Content Include="test.js">
    <DependentUpon>test.ts</DependentUpon>
  </Content>
  <Content Include="test.js.map">
    <DependentUpon>test.ts</DependentUpon>
  </Content>
</ItemGroup>

不过这种方式需要逐个文件配置，比较麻烦，还是全局设置更省心。

另外看你的tsconfig.json配置是没问题的，compileOnSave: true已经开启，所以编译流程是正常的，只是显示的问题而已～

内容的提问来源于stack exchange，提问作者Lars Holdgaard