Vscode+chrome断点调试

一天半的时间才搞定。现在分享出来给大家,给像我一样的萌新们少走些弯路。
1:工具
cocoscreator,我的是1.6版本据说不支持cocos-jsb调试了,所以才想到了chrome。
VsCode
chrome浏览器
2:配置
打开VsCode。




{
// 使用 IntelliSense 以得知可用的屬性。
// 暫留以檢視現有屬性的描述。
// 如需詳細資訊,請瀏覽: https://go.microsoft.com/fwlink/?linkid=830387
“version”: “0.2.0”,
“configurations”: [
{
“type”: “chrome”,
“request”: “launch”,
“name”: “Launch Chrome against localhost”,
“url”: “http://localhost:7456”,
“webRoot”: “{workspaceRoot}", "sourceMapPathOverrides": { "assets/*": "{workspaceRoot}/assets/*”
},
“sourceMaps”: true,
“userDataDir”: “${workspaceRoot}/.vscode/chrome”
}
]
}

Vscode打开你要调试的项目内的js文件在里面设置断点,然后按F5,Chrom浏览器就会弹出打开了你的项目(当然这个项目你要在Creator内已经建立好)。

3赞

666.感谢,虽然我用的chrome调试,不过多学会一种方法也是不错的。

那个。。直接在浏览器里面就能打断点调试的

我也刚刚在ios\android上远程调试成功,只能说1.7非常的酷!

是1.7版本的特性么?

不是,只是vscode的远程调试方法~

不是的,VScode里面的chrom debug这个插件。