正文

实用vscode插件汇总

chenyablog  chenyablog  2022-12-02  696

关键词：

提升开发效率的插件

1. Better Comments

技术图片

Better Comments 你可以使用不同的前缀来让注释显示为不同的颜色。非常适合快速扫描并发现重要的代码片段。若使用的话, 建议团队统一规范.

2. Bracket Pair Colorizer

技术图片

你是否经常在项目中出现查找是否缺失括号. 这是一件非常浪费时间的事情. 使用上面这款插件, 它可以帮你用不同的颜色标识括号, 是不是很棒.

3. change-case

技术图片

change-case 提供了一种简单的方法来将单词或变量名更改为各种情况，包括 camelCase、snake_case、TitleCase…… 这种再多人合作, 遇到不一致的代码时, 可以极大地提高效率.

4. ES7 React/Redux/GraphQL/React-Native snippets

技术图片

如果每创建一个组件都要重复地写样板代码, 那真的是非常浪费时间. 这个插件有很多有用的 snippets 片段, 你可以快速初始化一个样板代码, 节省大量时间.

5. GitLens

技术图片

GitLens 是一个非常非常好用的插件，可以让您了解 git 的提交历史。精确到行. 甩锅怎么甩得快, 就靠它了.

滑动到行, 就可以看到提交作者, 提交日期, 以及 commit 的内容.

6. Import Cost

技术图片

Import Cost 有助于你认识到你引入的文件大小。它以内联方式显示每个导入的大小，如果导入大于正常大小，则显示红色和黄色警告颜色。

7. indent-rainbow

技术图片

通过颜色区分, 让你一眼就看出缩进.

8. javascript console utils

技术图片

只需要找到你想 console.log 的变量, 按住快捷键, 即可出现一个带变量名的 console

技术图片

9. Prettier

技术图片

这个是非常重要的。用 alt + shift + F 自动格式化你的代码，或者你可以让它在每次保存时自动格式化。节省了你很多缩进, 前后空格等代码风格上的时间. 保持一样的 prettier 配置, 在团队合作中也是非常重要的.

10. Version Lens

技术图片

跟踪 npm 包的所有最新版本可能很麻烦。版本镜头显示你如何内联你安装的版本包。将 json 与当前版本进行比较。

提升美观的插件

1.file-icons

技术图片

实用的visualstudiocode插件

1.vscode-color-highlight------颜色代码高亮插件。（sublimetext也有）2.vscode-OpeninBrowser------右键在浏览器打开。（sublimetext也有）3.vscode-PathIntellisense------文件路径提示。（sublimetext也有）4.vscode-JS-CSS-HTMLFormatting------js-cs 查看详情

实用的visualstudiocode插件

vscode敲实用的拓展插件推荐（持续更新）

文章目录PythonPythonDocstringGeneratorOfficeViewerCodeSpellCheckermarkdownlintRemote-SSHPython开源地址：https://github.com/Microsoft/vscode-pythonPython开发者必备。包含的功能有：智能提示，代码调试，代码导航以及查看详情

vscode-超实用插件推荐(代码片段)

今天这篇文章呢，是想和大家分享一波Vscode中一些好用的插件，可能不全，会持续更新，所以欢迎大家分享自己觉得好用的Vscode插件，咱们评论区见哦~1.LiveServer作用：可以在本地启动一个服务器，可以... 查看详情

vscode推荐使用的插件大全汇总，完美解决问题

1，VeturVUE开发必备插件1.语法高亮，包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeScript4.emmet支持5... 查看详情

vscode推荐使用的插件大全汇总，完美解决问题！

编辑器插件和一些工具汇总(代码片段)

...着非常舒适也就一直用了。后来，看到了网上很多有关于VSCode的文章，VSCode由微软出品，而且支持跨平台，插件丰富。所以自己也去体验了一番，使用下来感觉实在太棒了！??阅读原文地址美化类插件?vscode-iconsBringiconstoyour Vi... 查看详情

vscode实用插件推荐，让你的开发效率火力全开

辅助开发类：1.VeturVUE开发必备插件1.语法高亮，包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeScri... 查看详情

超实用的vscode插件推荐，快看看你都用到了哪些？

...件系统，深得广大开发者的喜欢。今天推荐一些非常实用的插件，让开发如虎添翼。1.CodeIf（变量命名神器）安装次数：9万+在项目开发中，命名是一项非查看详情

vscode折腾记-(19)一些相对实用的编码体验插件(偏前端)

前言天天跟代码打交道,这一年下来我也收集了部分好玩的插件,至少我觉得改善了我的编码体验~有兴趣的可以瞅瞅~~插件集列表拓展名及链接描述FileSuggest改善typescript下编码的文件引入提示,用的还不错JS/TSBiscuits这个有点意思,方... 查看详情

vscode超实用插件推荐，让你的开发效率火力全开(代码片段)

辅助开发类：1. VeturVUE开发必备插件1.语法高亮，包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeSc... 查看详情

实用vscode插件：自动帮你写console.log——turboconsolelog

参考技术A是否每次调试程序的时候，手动写console.log让你感觉厌倦？来来来，这里有一款vscode插件适合你，他就是：TurboConsoleLog。只要将想打印的变量选中，按住ctrl+option+L(windows:ctrl+alt+L)，就能在变量下方自动插入一个console.log... 查看详情

初识vscode(代码片段)

...eTagAutoCloseTag：匹配标签，关闭对应的标签。对于HTML/XML很实用。AutoRenameTagAutoRenameTag：改变标签的时候同时改动开闭合标签；对于HTML/XML很实用。HTMLCSSSupportHTMLCSSSupport :这个也是HTML必备插件之一。CSSPeekCSSPeek ：html和css中... 查看详情

vscode插件推荐

通用插件HTMLSnippets超级实用且初级的H5代码片段以及提示HTMLCSSSupport让html标签上写class智能提示当前项目所支持的样式新版已经支持scss文件检索DebuggerforChrome让vscode映射chrome的debug功能，静态页面都可以用vscode来打断点调试，真666... 查看详情

vscode插件推荐

精选！15个必备的vscode插件（前端类）

...助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家查看详情

超实用的vscode插件推荐，快看看你都用到了哪些？

...件系统，深得广大开发者的喜欢。今天推荐一些非常实用的插件，让开发如虎添翼。1.CodeIf（变量命名神器）安装次数：9万+在项目开发中，命名是一项非常重要的事情，例如一个好的函数命名，... 查看详情