我喜欢的 12 个VSCode 插件!
本文已经过原作者 Katherine Peterson 授权翻译。
VSCode 之所以是如此出色的代码编辑器,其原因之一是由社区创建的庞大的插件库,从而提高了开发人员的工作效率。以下是一些我最喜欢的VSCode 插件。
1. Rainbow Brackets
地址:https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets
这个插件让我们的括号变成五颜六色,这样很容易就能找到匹配的对。
2. Auto Rename Tag
地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签。
3. Relative Path
地址:https://marketplace.visualstudio.com/items?itemName=jakob101.RelativePath
此插件节省了我很多时间来编写导入语句。使用简单的键盘快捷键即可轻松获取工作区中任何文件的相对路径。
4. Prettier
地址:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
和esLint不同在于,ESLint只是一个代码质量工具(确保没有未使用的变量、没有全局变量,等等)。而 Prettier 只关心格式化文件(最大长度、混合标签和空格、引用样式等)。可见,代码格式统一的问题,交给 Prettirer 再合适不过了。和 Eslint 配合使用,风味更佳。
5. htmltagwrap
地址:https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap
可以在选中HTML标签中外面套一层标签。
6. Markdown Preview Enhanced
地址:ttps://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced
如果你写过markdown文件,有一个实时预览是非常有用的。
7. Polacode
地址:https://marketplace.visualstudio.com/items?itemName=pnp.polacode
这个插件可以将你的代码保存成图片分享给别人!
8. Random Everything
地址:https://marketplace.visualstudio.com/items?itemName=helixquar.randomeverything
这个插件可以根据数据类型自动生成随机数据,特别适合生成测试数据。
9. CSS Peek
地址:https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
CSS Peek插件扩展了HTML和ejs代码编辑功能,支持在源代码中的字符串中找到css/scss/less(类和id)。这在很大程度上是受方括号中称为CSS内联编辑器的类似功能的启发。
10. Turbo Console Log
地址:https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
快捷添加 console.log,一键 注释 / 启用 / 删除 所有 console.log。
简单说下这个插件要用到的快捷键:
- ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log
- alt + shift + c 注释所有 console.log
- alt + shift + u 启用所有 console.log
- alt + shift + d 删除所有 console.log
11. Simple React Snippets
地址:https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets
快速生成 React 模板片段~
12. Snippet Creator
地址:ttps://marketplace.visualstudio.com/items?itemName=ryanolsonx.snippet-creator
有许多代码段扩展,如上面的React,但有时我们可能想要制作自己的自定义代码段,这个插件可以让你轻松做到这一点。
~完,我是小智,我要去刷碗了~
原者:Katherine Peterson 译者:前端小智 来源:dev原文:https://dev.to/katherinecodes/my-12-favorite-vscode-extensions-cld
本文转载自微信公众号「大迁世界」,可以通过以下二维码关注。转载本文请联系大迁世界公众号。
相关文章
- 核心算法|谷歌如何从网络的大海里捞到针
- 实时股票预测的开源参考结构
- Docker系列—简介概述
- 简单的方式发送邮件,让程序出错自动发邮件
- 文件下载,竟难住了我们CTO...
- 建造者模式——不止提高代码档次
- Cors跨域(一):深入理解跨域请求概念及其根因
- 文言文编程还不够好玩?这里有个16岁高中生开发的粤语编程项目
- GitHub 机密扫描现在支持 PyPI 和 RubyGems
- 用Go语言编写一门工具的终极指南
- 性能优化:关于缓存的一些思考
- 一个著名的日志系统是怎么设计出来的?
- PHP代码简洁之道——SOLID原则
- 小小的单例模式竟然有这么多种写法?
- 机器学习算法一览
- 令人抓狂的代码 - 万能正则表达式.*陷阱
- gRPC入门指南之简单RPC
- 用定租问题学透K近邻算法
- 我是如何把性能优化的颗粒度做的更细
- 鸿蒙轻内核M核源码分析系列十四 软件定时器Swtmr