VSCode 最全实用插件小结
一、必备插件
🌾Chinese（中文）
安装后，按快捷键Ctrl+Shift+P，输入
configure language
Settings Sync（配置同步到云端）
可以让我们的vscode配置同步到云端，当我们跟换电脑或者再次安装vscode的时候，只需要登录账号即可同步配置了
🌈wakatime（编程时间及行为跟踪统计）
编程时间及行为跟踪统计
二、效率神器
✨HTML Snippets（代码提示）
HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了
🍎Auto Close Tag（自动闭合标签）
自动闭合HTML/XML标签
🌈Bracket Pair Colorizer（括号做颜色区分）
括号做颜色区分
"workbench.colorCustomizations": {"editorIndentGuide.activeBackground": "#00ffea"}Browser Preview（VSCode里面打开浏览器）
可以在vscode里面打开浏览器，一边编码一边查看
🎯REST Client（接口调试）
可以在vscode里面进行接口调试，提供丰富的api配置方式，让我们不用离开编辑器也可以随时调用接口调试
新建一个.http文件，写下基本的测试代码，点击 Send Request即可在右边窗口查看接口返回结果，非常nice
💎CSS Peek（css样式查看器）
Partial Diff（文件比较）
文件比较
Npm Intellisense（自动完成导入语句中的npm模块）
可自动完成导入语句中的npm模块
🎯open in browser（快速打开html文件到浏览器预览）
快速打开html文件到浏览器预览
💎Path Intellisense（快速引入文件）
自动提示文件路径，支持各种快速引入文件
🐳Image preview（预览图片）
鼠标悬浮在链接上可及时预览图片
三、Git集成
GitHub Pull requests（ 查看和管理GitHub拉取请求和问题）
在Visual Studio Code中查看和管理GitHub拉取请求和问题
Git Graph（Git 图形化显示和操作）
🐳GitLens（快速查看更改行或代码块的对象）
GitLens可以帮助您更好地理解代码。快速查看更改行或代码块的对象
🐳GitHistory（可查看和搜索git日志以及图形和详细信息）
GitHistory可查看和搜索git日志以及图形和详细信息，同时还支持分支比较，分支管理等操作
四、美化
🌈（黑白两款皮肤）
vscode-icons（漂亮的目录树图标主题）
提供了非常漂亮的目录树图标主题
🌈Beautify（右键鼠标一键格式化）
在代码文件右键鼠标一键格式化 html，js，css
Vetur（官方钦定Vue插件）
VScode官方钦定Vue插件，Vue开发者必备。内含语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger等实用功能
代码风格规范类插件
🌈Better Align（代码优雅排版）
代码优雅排版
选中代码配合组合键[Ctrl+Shift+p]，输入Align即可
Better Comments（丰富注释颜色）
丰富注释颜色
自定义样式，需要写入配置代码
配置代码
"better-comments.tags": [ {"tag": "*","color": "#98C379","strikethrough": false,"backgroundColor": "transparent" }]
使用// * 绿色的高亮注释复制代码TODO Tree五、代码规范
change-case（变量命名规范）
变量命名规范
JavaScript Booster（代码改进）
会提示对应的不合理原因和改进方案
JavaScript (ES6) code snippets（智能提示与快速输入）
ES6语法智能提示，以及快速输入
ESlint（严谨的规范书写）
规范js代码书写规则，如果觉得太过严谨，可自定义规则
TSLint（书写规范）
ts的书写规范，这个插件是一个系列，同时还提供了TSLint (deprecated)，TSLint Vue，TSLint Vue-TSX
Code Spell Checker（拼写检查程序）
是拼写检查程序，检查不常见的单词，如果单词拼写错误，会给出警告提示
koroFileHeader（生成文件头部注释和函数注释）
在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！
不光如此，还能生成一些特别有意思的注释，比如这一条喷火龙...
六、装X神器
🎽Markdown All in One（书写Markdown）
可以在vscode里面快乐的书写Markdown，功能强大。丰富的快捷键，边写边看，轻松转化为html或pdf文件
vscode-drawio（画流程图）
可以在vscode里面快乐的画流程图，新建 .drawio 后缀文件并拖入vscode中
Polacode-2020（转化成一张逼格满满的图片）
可以将我们的代码转化成一张逼格满满的图片
🍎Live Share（与他人实时进行协作式编辑和调试）
这款神器可以使您能够与他人实时进行协作式编辑和调试
到此这篇关于VSCode 最全实用插件小结的文章就介绍到这了,更多相关VSCode 实用插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了我们在进行目标检测时需要用到的mAP概念及公式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-05-05
解决git配置错误ssh:connect to host github.com
学习git时,可能会碰到远程仓库连接问题,解决方法是确保.ssh目录正确配置,首先,确认.ssh是隐藏文件夹,可通过ctrl+h显示,然后,创建无后缀的config文件,并填写正确的git邮箱账号,最后,通过终端验证配置是否成功,这些步骤有助于解决git远程连接的常见问题2024-10-10
windows 中 \r\n 区别于 类unix中的\n 疑问理解(crlf回车换行)
windows 中 \r\n 区别于 类unix中的\n 疑问 迎刃而解,需要的朋友可以参考下。2011-08-08
git-merge 命令是用于从指定的 commit(s) 合并到当前分支的操作，本文重点给大家介绍git merge最简洁用法，感兴趣的朋友跟随小编一起看看吧2020-12-12
Git中的git push命令用于将本地仓库的改动推送到远程仓库,是协同开发中的重要工具,在团队合作中,使用git push和git pull可以有效维护项目同步,避免冲突,推送时若遇到冲突需先解决后再进行推送,需要的朋友可以参考下2024-09-09
前些天不小心删除了原来的博客系统，问过godaddy的客服，恢复数据需要150美元，另外还需要提供不少信息，我于是放弃，注册了这个nunumick.me，打算从头再来。2011-09-09
关于提交项目到gitee报错Push to origin/master was rejected的问题
这篇文章主要介绍了提交项目到gitee报错Push to origin/master was rejected的解决办法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-10-10
这篇文章主要介绍了vscode 前端最佳配置小结,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要为大家介绍了kafka不支持读写分离原理分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
这篇文章主要为大家介绍了Git多人协同开发紧急修复线上bug操作指南，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
最新评论