ThinkJS 項目用 WebStorm 來設置斷點與調試


1. 前置條件。已按ThinkJS 2.0 文檔 之 《創建項目》 建好項目。
  說明a: 本示例創建項目名為wagang,使用es6配置: thinkjs new wagang --es6
  說明b: 最后兩步(啟動項目、訪問項目)后,控制台輸出如下。
  

2. 用WebStorm打開項目,修改/src/home/logic/index.js,添加兩行代碼。
  本文內容,在13行位置設斷點進行調試。
  

3. 我的WebStorm版本為10.0.4,按以下步驟添加一個debug:
  
  ---》》》
  
  ---》》》
  
  ---》》》
  

4. 啟動調試:
  

5. 由於本示例項目使用es6參數,src目錄下的是源代碼,經babel編譯到app目錄下,所以,需要把斷點改設到app目錄下對應的文件。
  

6. 訪問 http://127.0.0.1:8360/ ,預期應該是順利進入斷點的。
  

7. 如果沒有進入斷點,別灰心,我也碰到過靈異現象,把這個去掉勾選,再訪問 http://127.0.0.1:8360/ 試下。(看似靈異時這個復選的狀態是反的。但后來又靈異的變好了)
  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM