vs code常用操作

原文链接:https://blog.csdn.net/qq_38111015/article/details/116014978

1.Chinese (Simplified) Language Pack for Visual Studio Code(汉化vscode 必备)
2.Bracket Pair Colorizer(给代码中的括号添加亮色 便于区分 这里截图有报错 是特意便于演示写的多组括号)
3.Auto Close Tag (自动补全标签 必备)
4.Auto Rename Tag (修改标签名 自动同步修改闭合标签的标签名 必备)
6.Debugger for Chrome (打断点 映射vscode上到Chrome上 方便调试 必备)
7.Draw.io Integration(强烈推荐 画流程图有它就够了 命名文件后缀为.drawio 写好了 可以组合 也可以导出为svg、png等格式 有提示箭头 拖拽就可以 可以左上角文件->导出->选格式导出)
8.Git Graph(强烈推荐 可以查看git提交历史 现在所处分支 提交内容明细 以及回滚删除分支等操作)
9.Beautify (美化代码)

10.GitLens (强烈推荐 git工具 可在代码行中查看谁提交的 清晰追溯 目前我只用到这个工具中的这个功能)

11.Image preview(现应用场景:在代码中写了图片链接,要这个这张图片的宽高 只需要悬停在链接上 就可以看到图片宽高信息 )
14.Markdown Preview Enhanced (强烈推荐 可以编辑器内看markdown编译出来的效果)
15.open in browser(用vscode写html相关代码的时候 可以下载这个插件 可以使用快捷键 Alt+B 打开默认浏览器 访问页面内容)

16.Quokka.js这个插件 主要是基于js或者ts 在编辑器中快速查看键入代码的结果 很方便 不需要再打console控制台看

17.REST Client(强烈推荐 功能与postman一致 建立一个.http后缀的文件 把接口相关链接 请求方式 参数等放在里面 可以直接点Send Request或者快捷键 Ctrl+Alt+r就可以查看请求返回信息)

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_48860638/article/details/118539994