可以從visual studio(2015)直接調試(斷點,手錶)客戶端 .ts打字稿文件?我在google和stackoverflow上發現的大多數相關問題都表明使用其他瀏覽器devtools,如chrome。是否有可能在視覺工作室做到這一點?節點打字稿客戶端調試
當我創建的.ts腳本(說index.ts),它將被transpiled成將被從腳本標記相應的index.html文件中引用的index.js。
我如何可以設置當.ts文件斷點(雖然它是被引用的.js文件?)
可以從visual studio(2015)直接調試(斷點,手錶)客戶端 .ts打字稿文件?我在google和stackoverflow上發現的大多數相關問題都表明使用其他瀏覽器devtools,如chrome。是否有可能在視覺工作室做到這一點?節點打字稿客戶端調試
當我創建的.ts腳本(說index.ts),它將被transpiled成將被從腳本標記相應的index.html文件中引用的index.js。
我如何可以設置當.ts文件斷點(雖然它是被引用的.js文件?)
這是可能的IE瀏覽器。您必須將「Browse with」設置爲Internet Explorer,並在項目屬性/ Web中取消選中所有調試器。比你應該能夠在VS中調試客戶端TS。
我發現我可以在visual studio中調試,但從Internet Explorer啓動一個新的調試會話:menu-> view->外部腳本調試器,它將啓動一個新的Visual Studio IDE,包括我的所有文件(.js和.js)。 ts映射)加載。我只需確保.js和.ts文件位於相同的目錄中(例如:./public/js/)。它不是一個完美的解決方案(例如,將光標放在變量上不顯示變量值,必須手動打開監視窗口......)但它允許我遍歷我的.ts文件,從而保持統一的開發環境:打字稿與服務器,打字稿上的客戶端相同的解決方案
你可以嘗試從Web Essentials 2015擴展與打字稿項目模板這個HTML應用程序,從Telerik的博客中this post建議中對Node.js的。
如果這樣的作品,它似乎只是一個平常VS情景事「設置斷點,按F5」。
感謝您的快速回答。在項目屬性中,我看不到web選項卡在何處取消選中所有調試器。這是一個使用lates NVTS(節點visual studio工具)的node.js項目。我只有一個「常規」選項卡,其中包含Node.exe.path,啓動網址等選項。有什麼我應該做的,以查看網頁選項卡? – TheSoul
我意識到只要啓動我的調試會話(按下用於調試的瀏覽器名稱的綠色箭頭 - 即可),此按鈕將被禁用。因此我不能再訪問「瀏覽」選項。如果我只按下「Browse with」,瀏覽器窗口就會啓動,但無法顯示任何內容,因爲我的node.js應用服務器尚未運行...您真的能夠調試node.js server + client-side .ts visual studio中的文件? – TheSoul
對不起,我不知道,那是Node js項目。我能夠在C#項目中調試客戶端TS。但我也應該可以在Node.js項目中使用,也許你應該創建Windows Azure Node js項目,web.configs文件在哪裏。我可以稍後再試。 –