blocks|key|944124|text|在Visual的早期版本中，这是不可能的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944125|但是，在Visual+2017中，已经修复了这个问题。只要设置断点并使用IE+(或Chrome)运行项目，您的断点就会在ts文件中被击中，并且您可以在VS环境(而不是在浏览器代码调试窗口)中执行代码。这对于打字本的开发来说是一个巨大的进步。|944126|有趣的是，如果代码跳转到另一个没有匹配ts文件的文件，代码将转换为js，然后在可能的情况下再次转换回ts。|944127|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

In prior versions of Visual Studio, this was not possible.

In Visual Studio 2017 however, this has been fixed. Just set your breakpoint and run your project using IE (or Chrome) and your breakpoint will be hit in your ts file and you can step through the code in the VS environment (not in the browser code debug window). This is a huge step forward for Typescript development.

The interesting things is that the code will transition to js if it jumps to another file for which there is no matching ts file, and then transition back again to ts again when it can.

blocks|key|944193|text|确保您启用了浏览器链接，以便看到TS断点被击中。该选项是VS2017中浏览器选择右下方的蓝色箭头圈，它似乎默认为禁用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944194|​|944195|📷|atomic|offset|length|944196|944197|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/430138a9cb08511f626cf61d61ff4f33.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

Make sure you enable browser link in order to see TS break points being hit. The option is the blue arrow circle to the right of the browser selection drop-down in VS2017 and it seems to default to disabled.

<a href="https://i.stack.imgur.com/CSuCY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CSuCY.png" alt="enter image description here"></a>

blocks|key|944274|text|我试图将dotnetcore+ReactRedux模板转换为类型记录，但是无法获得断点来访问类型记录文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944275|我能够确定，在您的tsconfig.json文件中，您需要设置选项inlineSourceMap:true和inlineSources:true。|offset|length|style|CODE|944276|entityMap^0|0|9|D|X|K|1I|I|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]|$D|N|E|O|F|G]|$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|I|$]]

I was attempting to convert the dotnetcore ReactRedux template to Typescript and could not get breakpoints to hit my typescript files. 

I was able to determine that in your <code>tsconfig.json</code> file you need to have the options <code>inlineSourceMap:true</code> and <code>inlineSources:true</code> set.

blocks|key|234828|text|使用JavaScript和TypeScript可以很容易地调试Microsoft协议，这是2018年4月10日更新(1803版)提供的。您还需要Visual+2017版15.7或更高版本。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|234829|在让JavaScript调试运行之前，我遇到了很多问题，但是对于这些更新，它只是开箱即用：|234830|我刚刚开始调试你的ASP.NET项目|unordered-list-item|234831|在TypesScript+(或JavaScript)文件中设置断点|234832|如果未启用JS调试，则会出现一个消息窗口建议启用JS调试。此设置也可在VS选项(搜索“调试”以快速查找)中找到:工具>选项>调试>通用>为ASP.NET启用ASP.NET调试(Chrome.Edge和IE)|234833|不需要重新启动。断点立即命中。|234834|注意:当使用Edge时，将提示开发人员工具服务器已经启动：|234835|​|234836|📷|atomic|234837|234838|entityMap|0|LINK|mutability|MUTABLE|url|https://learn.microsoft.com/en-us/microsoft-edge/devtools-protocol/|1|https://blogs.windows.com/windowsexperience/2018/04/30/how-to-get-the-windows-10-april-2018-update/|2|https://learn.microsoft.com/en-us/visualstudio/releasenotes/vs2017-relnotes#Edge|3|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/b2cf0f275188a906ccad244844726157.png|imageAlt^0|V|B|0|19|J|1|20|G|2|0|0|0|0|0|0|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]|$A|1I|B|1J|1|1K]|$A|1L|B|1M|1|1N]]|C|$]]|$1|D|3|E|5|6|7|1O|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1P|8|@]|9|@]|C|$]]|$1|I|3|J|5|H|7|1Q|8|@]|9|@]|C|$]]|$1|K|3|L|5|H|7|1R|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1S|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1T|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1U|8|@]|9|@]|C|$]]|$1|S|3|T|5|U|7|1V|8|@]|9|@$A|1W|B|1X|1|1Y]]|C|$]]|$1|V|3|R|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|W|3|-4|5|6|7|20|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]|14|$5|Z|10|11|C|$12|15]]|16|$5|Z|10|11|C|$12|17]]|18|$5|19|10|1A|C|$1B|1C|1D|-4]]]]

Debugging JavaScript and TypeScript is very easily possible with the <a href="https://learn.microsoft.com/en-us/microsoft-edge/devtools-protocol/" rel="nofollow noreferrer">Microsoft Edge DevTools Protocol</a> which became available with the <a href="https://blogs.windows.com/windowsexperience/2018/04/30/how-to-get-the-windows-10-april-2018-update/" rel="nofollow noreferrer">Windows 10 April 2018 Update (Version 1803)</a>. You also need <a href="https://learn.microsoft.com/en-us/visualstudio/releasenotes/vs2017-relnotes#Edge" rel="nofollow noreferrer">Visual Studio 2017 Version 15.7</a> or later.

Before I had a lot of problems getting JavaScript debugging to run but with these updates it just works out of the box:

<ul>
<li>I just start debugging your ASP.NET project</li>
<li>Set a breakpoint in your TypesScript (or JavaScript) files</li>
<li>If JS debugging is not enabled, a message window will appear suggesting to enable it. This setting can also be found in the VS options (search for "debug" to find quickly): Tools > Options > Debugging > General > Enable JavaScript debugging for ASP.NET (Chrome, Edge and IE)</li>
<li>No restart required. Breakpoints are hit immediately.</li>
</ul>

Note: When using Edge there will be a hint that the developer tools server has been started:

<a href="https://i.stack.imgur.com/Rdsdh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rdsdh.png" alt="enter image description here"></a>

blocks|key|233280|text|我发现了在Visual+2017(版本15.9.5)中不会中断的两个条件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|233281|1)+.UseContentRoot|233282|在WebHost.CreateDefaultBuilder方法中的Program.cs中，如果使用UseContentRoot()更改内容路由，VS不会中断。|233283|(+2)+www.root文件夹|233284|您可以通过UseWebRoot()更改webroot，这是正确的。|233285|但是如果您删除项目根目录中的"wwwroot“文件夹，VS将不会中断。|233286|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Q|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|M|$]]

I found two conditions that will not break in Visual Studio 2017(ver15.9.5).

1) .UseContentRoot 
In the WebHost.CreateDefaultBuilder method in Program.cs, if you change the content route using UseContentRoot(), VS will not Break.

2) wwwroot Folder 
You can change webroot by UseWebRoot(), This works correctly. 
But if you delete "wwwroot" folder in the project root, VS will not Break.

I have a ASP.NET Core project which uses TypeScript.

Is it possible to debug TypeScript code in Visual Studio?

How do I debug typescript code in VS 2017?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一个ASP.NET核心项目，它使用TypeScript。可以在Visual中调试TypeScript代码吗？

问如何在VS 2017中调试类型记录代码？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在VS 2017中调试类型记录代码？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在VS 2017中调试类型记录代码？
EN