vscode好用的插件

1.Chinese (Simplified) Language Pack for Visual Studio Code(汉化vscode 必备)

2.Bracket Pair Colorizer(给代码中的括号添加亮色 便于区分 这里截图有报错 是特意便于演示写的多组括号)

3.Auto Close Tag (自动补全标签 必备)

4.Auto Rename Tag (修改标签名 自动同步修改闭合标签的标签名 必备)

5.Class autocomplete for HTML (自动补全class="" 属性)

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(现应用场景:在代码中写了图片链接,要这个这张图片的宽高 只需要悬停在链接上就可以看到图片宽高信息)

12.JavaScript (ES6) code snippets (es6代码快捷键 也包含常用的console.log之类的 可以少码一点代码 提升效率)

13.LeetCode(力扣刷算法题的插件 可以在这里既看到题目又可以编译自己的代码)

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就可以查看请求返回信息)

18.Vetur(如果写Vue项目 可以安装 可以高亮Vue代码 格式化代码等)

19.微信小程序开发工具、微信小程序扩展 (这2个插件适合在vscode中开发微信小程序代码 包含提供模拟器、预览、打包上传、代码补全、语法高亮、项目模版等功能)

你可能感兴趣的:(前端,html,vscode,git,github)