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}" #每次需要修改这里的文件地址

}

]

}

 

扩展是最下面的图标

添加扩展

可以增加设置

很方面感觉