新版vscode(v1.57)必备配置项——文件标签栏换行展示;Edge集成调试

文件标签栏换行展示

你可能看过需要插件、写css的,但是现在只需要简简单单的配置就行啦,打开设置在工作区中搜索 workbench.editor.wrapTabs,给它打上勾勾就好啦,这个功能不知道什么版本才有的也是这次更新才发现的,所以在这里记录一下~
新版vscode(v1.57)必备配置项——文件标签栏换行展示;Edge集成调试_第1张图片
效果:
新版vscode(v1.57)必备配置项——文件标签栏换行展示;Edge集成调试_第2张图片

Microsoft Edge Tools for VS Code

在扩展中搜索该插件进行安装,在调试的时候,我们可以在 vscode 中选择元素啦~
安装好后,如果需要断点调试,可以先在JS文件中打好断点,然后启动项目:
新版vscode(v1.57)必备配置项——文件标签栏换行展示;Edge集成调试_第3张图片
注意这里的地址哦~,要和 lanuch.json 中的一致
新版vscode(v1.57)必备配置项——文件标签栏换行展示;Edge集成调试_第4张图片
然后我们就可以开始调试啦:
新版vscode(v1.57)必备配置项——文件标签栏换行展示;Edge集成调试_第5张图片
点击运行后会自动弹出Edge 浏览器界面,我的是vue项目
新版vscode(v1.57)必备配置项——文件标签栏换行展示;Edge集成调试_第6张图片
完整效果,借用官图:

你可能感兴趣的:(前端工具,前端)