vscode

https://www.cnblogs.com/mxk-star/p/7279785.html

https://www.cnblogs.com/mxk-star/p/7279785.html

https://blog.csdn.net/arvin0/article/details/52448709

F5进行调试

launch.json

{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [

{
"type": "chrome",
"request": "launch",
"name": "启动 Chrome 并打开 localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
},
{
"name": "Launch index.html (disable sourcemaps)",
"type": "chrome",
"request": "launch",
"sourceMaps": false,
"file": "${workspaceRoot}" #每次需要修改这里的文件地址
}
]
}
 
扩展是最下面的图标
添加扩展
可以增加设置
很方面感觉
原文地址:https://www.cnblogs.com/yizhixuepython/p/9479442.html