vscode好用的插件

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

vscode好用的插件_第1张图片

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

vscode好用的插件_第2张图片

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等格式 有提示箭头 拖拽就可以 可以左上角文件->导出->选格式导出)

vscode好用的插件_第3张图片

8.Git Graph(强烈推荐 可以查看git提交历史 现在所处分支 提交内容明细 以及回滚删除分支等操作)

vscode好用的插件_第4张图片

9.Beautify (美化代码)

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

11.Image preview(现应用场景:在代码中写了图片链接,要这个这张图片的宽高 只需要悬停在链接上 就可以看到图片宽高信息 )

vscode好用的插件_第5张图片

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

vscode好用的插件_第6张图片

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

vscode好用的插件_第7张图片

14.Markdown Preview Enhanced (强烈推荐 可以编辑器内看markdown编译出来的效果)

vscode好用的插件_第8张图片

15.open in browser(用vscode写html相关代码的时候 可以下载这个插件 可以使用快捷键 Alt+B 打开默认浏览器 访问页面内容)

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

vscode好用的插件_第9张图片

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

vscode好用的插件_第10张图片

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

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

你可能感兴趣的:(前端工具,vscode插件下载,vscode好用的插件大全,vscode插件安装,vscode必装插件)