vscode運行不出來,vscode運行不出來

本文目錄一覽：

首先，在需要調試的地方打好斷點

如上圖，點擊左側的行數，158行就可以打上斷點了

點擊 vscode 左側的debug窗口，如果你之前沒有配置過 launch.json 文件，那麼現實效果就會如下圖一樣。

點擊左上方，【沒有配置】，添加配置

VSCode本身就內置了Node.js的調試工具，如果將來你需要調試別的東西，可以在這裡選擇添加對應的調試插件工具。

這裡我們調試的是Node.js，就選擇Node.js，然後VSCode會在 /.vscode 目錄中新建一個 launch.json 文件

launch.json 文件新建好後，我們需要進行一些配置操作，這裡我們選擇的是，附加到進程。

後面我們是先啟動egg的調試進程，然後再將vscode附加到進程中的。

這裡有一個很關鍵的節點， program 這個屬性寫的就是你需要調試的js文件，我這邊調試的是剛才打上斷點的文件 pledges.js

使用 iterm 進入到工程目錄，開啟調試模式

在VSCode中選擇 Attach to Process ，並且選擇egg-cluster這個進程。

等請求進入到剛才打斷點的地方，VSCode就會自己跳轉到調試點啦，然後就可以盡情調試啦~

BTW，如果你有更好，更簡單的調試方式請告訴我…

參考其他的博客使用如下命令，但是不起作用。

使用npm 其他命令則可以成功運行，命令如下

運行成功之後顯示如下，之後就可以正常在chrome中調試。

我用新建項目測試時，npm run serve 之後也會提示crbug/1173575, non-JS module files 。這個暫時不清楚是什麼原因。但是過了一會之後，關閉終端，之後打開重新執行該命令卻又好了。這個有時間才查具體原因吧。。。留個問題。

一、npm run 背後的操作

npm run serve，執行該命令實際是執行package.json 的script中key為serve後面的值。所以執行哪個命令，是由package.json中的key 決定的。

1.首先你已經有一個.js 文件了，例如我的demo12.js

2.在工作區內打一些斷點，如無異常的話應該是實心紅點

3.點擊運行和調試按鈕

4.點擊小齒輪按鈕，修改配置文件

5.右鍵剛才那個js文件，複製出其相對路徑，放在配置文件${workplaceFolder} 的後面

6.點擊開始按鈕，進行調試

運行成功後，程序會定位到打斷點的地方，並且，調試控制台可以看到輸入結果，上面的一排按鈕與其他調試工具類似，不贅述了

在實際開發當中，可以配置多分launch.json文件，以應對不同項目的調試

修改name值用於區分，並且，要修改program ，將對應項目的入口文件配置在這裡即可

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/184031.html