保存Typescript文件时,Visual Studio 2015 RC不会创建源图

Question

我是打字稿的新手,我在最新的Visual Studio 2015 RC中试用了它.

目前,当我保存ts文件时,它会自动编译typescript文件并创建底层的js文件(当你展开它时很好地在.ts文件下面).但是,没有源映射文件,因此在调试时我无法在visual studio中的打字稿中找到任何断点(无论使用IE还是Chrome金丝雀).

有没有办法启用它所以它会在保存时生成源图文件？从搜索周围看来,许多编译器选项曾经在移动或不可用的Web要素中(但是？):

Answer 1

我发现通过卸载项目并编辑'xproj'文件,如果我在项目节点下添加以下xml(在包含'VSToolsPath'的属性组之前):

<PropertyGroup>
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptCompileOnSaveEnabled>true</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>false</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
    <TypeScriptRemoveComments>false</TypeScriptRemoveComments>
    <TypeScriptOutFile></TypeScriptOutFile>
    <TypeScriptOutDir></TypeScriptOutDir>
    <TypeScriptGeneratesDeclarations>false</TypeScriptGeneratesDeclarations>
    <TypeScriptSourceMap>true</TypeScriptSourceMap>
    <TypeScriptMapRoot></TypeScriptMapRoot>
    <TypeScriptSourceRoot></TypeScriptSourceRoot>
    <TypeScriptNoEmitOnError>true</TypeScriptNoEmitOnError>
</PropertyGroup>

这解决了问题,并且.map文件是在保存时生成的(整齐地在js文件下).这使我能够在Visual Studio中点击我的打字稿断点(不幸的是只能使用IE).

另一个有益的副作用是我现在可以导出模块(因为'TypeScriptModuleKind'=> AMD设置).

Answer 2

如果你去为你的项目添加一个新文件,我找到了一个替代方案,有一个打字稿配置文件选项.因此,如果添加'tsconfig.json',您将获得相同的设置:

{
  "compilerOptions": {
    "module": "amd",
    "noEmitOnError": true,
    "noImplicitAny": false,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5"
  }
}

我想这更好,因为它可能允许在不同文件夹中的不同打字稿应用程序的多个配置.对于我的项目,我只是将它放在根目录中以全局应用.