vscode調試thinkjs項目

vscode調試thinkjs項目的attach方法:

  • 修改 src/config/config.js (多項目爲 src/common/config/config.js), 添加 workers: 1配置

  • 在根目錄下添加文件 debug.js (與 development.js 文件同級), 內容如下: 
    const InspectorProxy = require('inspector-proxy');
    const proxy = new InspectorProxy({ port: 9999 });
    const childProcess = require('child_process');

    const instance = childProcess.fork('./development.js', {
    execArgv: [ '--inspect' ]
    })
    instance.on('message', msg => {
    if(msg.act === 'inspectPort' && msg.port) {
    proxy.start({ debugPort: msg.port });
    }
    })
    instance.on('exit', () => proxy.end());
  • npm install inspector-proxy 安裝依賴
  • 添加  VS Code的調試文件 .vscode\launch.json,內容如下
    {
    // 使用 IntelliSense 瞭解相關屬性。
    // 懸停以查看現有屬性的描述。
    // 欲瞭解更多信息,請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
    {
    "type": "node",
    "request": "attach",
    "name": "Attach to Worker",
    "restart": true,
    "port": 9999
    }
    ]
    }
  • 命令行下通過 node debug.js 啓動服務, 然後在 VS Code 裏打開console.log(...) 調試。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章