vscode调试帮你表达开发

前端只能在浏览器中调试。现在单页越来越多。在编辑器中调试会大大提高你的开发效率~~1。调试Vue开发环境需要打开source-map方便调试。WorkspaceRoot是launch.json中Configure的根路径{"version":"0.2.0","configurations":[{"type":"chrome","request":"launch","name":"vuejs:chrome","url":"http://localhost:8087",//8087是你启动vue项目的端口"webRoot":"${workspaceFolder}/src","breakOnLoad":true,"sourceMapPathOverrides":{"webpack:///src/*":"${webRoot}/*","webpack:///./src/*":"${webRoot}/*"}},]}然后按F5启动一个google页面可以在编辑器中中断2.在node环境下调试一个js文件{"version":"0.2.0","configurations":[//这是一个数组，你可以这样写multiple{"type":"node","request":"launch","name":"LaunchProgram","program":"${workspaceRoot}/build/creat.js"},]}3.调试node后台项目注意：自己写node的时候，一般都是用node./bin/www启动一个服务。调试时不需要启动，按F5启动调试即可（服务会自动启动），否则会导致端口冲突调试失败{"version":"0.2.0","configurations":[{“类型”：“节点”，“请求”：“launch","name":"启动程序","program":"${workspaceRoot}\\bin\\www"}]}