一、前言

今天遇到一個程序問題，用console.log()一路去查，感覺效率太低，所以就想整個斷點調(diào)試的環(huán)境。這篇文章會將我如何搭建以及遇到的坑一一道來。

二、環(huán)境搭建

1、node version >= 7

node version >= 7 否則斷點進(jìn)不了async函數(shù)，
具體請參閱：
node version >= 7 原因1
node version >= 7 原因2
Node.js 安裝與版本切換教學(xué) (for MAC)

我的版本為7.8.0

2、安裝 coden

$: npm i -g coden

3、下載示例工程

$: git clone https://github.com/yangxiaopingios/koa2_breakpoint_demo.git

$: cd koa2_breakpoint_demo/koa2_breakpoint_demo

$: npm i

4、下載vscode

下載地址

5、vscode打開工程

$: cd 工程目錄下

$: vsc

如何啟動vscode.png

vscode打開工程

三、vscode使用教程

1、斷點調(diào)試單個文件

調(diào)試單個文件－1.png

調(diào)試單個文件－2.png

調(diào)試單個文件－3.png

調(diào)試單個文件－4.png

2、斷點調(diào)試云服務(wù)接口

斷點調(diào)試云服務(wù)接口-1.png

斷點調(diào)試云服務(wù)接口-2.png

瀏覽器訪問: http://localhost:3000

斷點調(diào)試云服務(wù)接口-4.png

四、最后

出文不出碼，只能碼代碼。
示例代碼
最后，如果覺得我的文章對你有些許的幫助，請幫忙點個贊。