(笔记整理)VsCode使用教程(9)

调试页面
1/

(笔记整理)VsCode使用教程(9)
2/
(笔记整理)VsCode使用教程(9)
打开vue项目后配置

(笔记整理)VsCode使用教程(9)

(笔记整理)VsCode使用教程(9)
选择chrome调试方式后,跳出lauch.json 进行配置

三、新建一个html直接采用Chrome来进行调试的实现方案
3.1 首先安装,如下图。方法已经特别具体,再此不再赘述。

(笔记整理)VsCode使用教程(9)

3.2 在自己的html工程目录下面点击f5,或者在左侧选择调试按钮
(笔记整理)VsCode使用教程(9)
(笔记整理)VsCode使用教程(9)

但是直接打开的chrome将会出现如下错误
(笔记整理)VsCode使用教程(9)

3.3.解决以上问题
首先在弹出来的launch.json中添加以下内容

(笔记整理)VsCode使用教程(9)

3.4 然后在调试页面中选择对应的scheme
(笔记整理)VsCode使用教程(9)
,在上方
(笔记整理)VsCode使用教程(9)
,选择下拉按钮,会有一个添加,选择chrome

4.2 实现TODO的指示功能
首先安装对应的插件

(笔记整理)VsCode使用教程(9)
其次重启Vscode,就可以看到如图所示的TODO的树形结构

(笔记整理)VsCode使用教程(9)

五、参考链接和书籍
https://www.cnblogs.com/shujuan841019/p/5501083.html
https://www.cnblogs.com/mxk-star/p/7279785.html
https://www.cnblogs.com/kaiye/p/5397345.html