1-1 Inspector 介紹
git bash 常用命令
-
mkdir test新建文件夾 -
cd test進入文件夾 -
cd ../進入父級文件夾 -
ls列出當前文件夾下的文件和文件夾 -
code 當前目錄下的文件夾名可通過vsCode自帶的一個全局變量code打開對應的項目
VS Code進行斷點調試
快捷鍵F5啟動一個websocket服務進行調試嗓违，會在調試控制臺打印：
D:\Program Files\nodejs\node.exe --inspect-brk=24775 app.js
Debugger listening on ws://127.0.0.1:24775/6cc7bcf1-c9fc-4f58-a819-2dd38e9fb9bf
For help, see: https://nodejs.org/en/docs/inspector
對應的 http 服務為：
http://127.0.0.1:24775在后面加上 json 即可查看對應的元信息http://127.0.0.1:24775/json
1-2 激活調試
node --inspect app.js運行時添加 --inspect 即可激活調試
使用express搭建一個服務啟動調試
-
npm init初始化一個包管理器并指定入口文件（app.js） -
npm install express --save安裝express模塊 - 在入口文件app.js中書寫服務代碼
const express = require('express')
const app = express()
app.get('/', (req, res) => {
res.send('hello world !')
})
app.listen('3000', () => {
console.log('程序運行在3000端口')
})
-
node --inspect app.js運行命令即可啟動調試
注意：需要設置VSCode痊乾，設置里搜索attach，將 Debug ? Node: Auto Attach 的值改為 on 即可
1-3~4 調試客戶端-chrome devtools
啟動調試客戶端
- 法一：
- chrome瀏覽器中輸入chrome://inspect
- 選擇 Devices
- 點擊 Configure... 配置好點 Done
- 然后點擊Target下的 inspect 即可
法二：
直接在瀏覽器中訪問元信息中的 devtoolsFrontendUrl 也可打開
<a href="#lookResourceInfo">查看元信息</a>法三：
打開瀏覽器開發(fā)者工具，點擊左上角的綠色圖標進入法四：
使用 VSCode 的調試功能
1-5 調試客戶端 vscode
- 啟動方式：快捷鍵F5
- 配置：launch.json
- node 中打印參數(shù)列表：
console.log(process.argv)
1-6 命令行參數(shù)介紹
本作品系原創(chuàng) 采用《署名-非商業(yè)性使用-禁止演繹4.0 國際》許可協(xié)議
