做者:Charles Szilagyi翻譯:瘋狂的技術宅前端
原文:https://charlesagile.com/vsco...git
未經容許嚴禁轉載程序員
一些更強大的調試功能僅在專用的配置文件中可用。此次咱們要建立一個 launch.json 和內置的 VSCode 調試控制檯。本文將會解決咱們在調試複雜的真實程序以前的最後一個難題。github
調試可能會是一件複雜的事,咱們須要保存本身定的制配置,好比:端口、路徑、參數等。 VSCode 使用 launch.json
進行細粒度的控制,有了它就能夠啓動咱們的程序或將其附加到複雜的調試場景中。沒有 launch.json
只能搞一些小把戲,咱們須要繼續向前邁進。下面讓咱們來建立一個!面試
在VSCode中打開咱們的示例代碼文件夾:json
VSCode 有着方便的用戶界面,能夠生成配置框架。切換到調試側邊欄,單擊 「create a launch.json file」 並選擇 Node.js:segmentfault
VSCode 會在工做區的 .vscode
文件夾下生成一個新的 launch.json
文件:瀏覽器
在後面,當咱們面對不一樣的實際狀況下根據須要調整配置時,將會更深刻地研究文件格式和配置中的值。服務器
能夠觀察到配置文件啓用了調試側欄中的啓動菜單,如今能夠用該菜單來快速啓動咱們的玩具服務器 🧸 :微信
若是你如今想了解有關此主題的更多信息,能夠參考 VS Code 官網的建立配置和可用的配置值。
順便說一句,我建議將 launch.json
保存到你的代碼存儲庫中。在團隊中共享可以使全部成員獲得方便的調試環境。
請注意調試控制檯是怎樣被自動打開的:
經過調試控制檯,能夠在調試器中運行的程序上下文中去評估表達式。這是一個很是了不得的便捷工具!你能夠檢查做用域內的任何變量,相似於 debug sidebar。你也能夠在範圍內運行任何函數,或者從字面上運行任何你想要的代碼,甚至能夠在運行的應用程序中去 require
模塊🤯
來看一個例子。先在第 24 行添加斷點並觸發請求:
如圖所示,你能夠輸入局部變量(或函數)名,甚至有自動完成功能。
可是你並不會被侷限在程序自己的代碼中,還能夠導入任何可用的模塊:
請繼續探索調試控制檯,祝你玩得開心! 🥼