全文共1673字,预计学习时长5分钟
图源:Unsplash
Microsoft 推出的代码编辑器 VisualStudio Code 为开发者提供了许多实用的工具和插件扩展,大家可以根据自己的需求打造自己的编辑器。VisualStudio Code 定期更新插件扩展,你可以在它的Marketplace 中寻找合适的工具、代码片段或其他内容以简化开发过程。
插件扩展是 VisualStudio Code 体验的一个重要组成部分,今天,小芯就为大家挑选了5个能够大大提高编码体验的VS Code扩展,好用免费,造福苍生。
1.自动重命名标签(Auto Rename Tag)
当开始标记和结束标记之间有50行时,无论选择什么框架,用HTML(或JSX)编写前端代码相当累人。也许想把H2改成H3,或者把某div改成span。如果不使用自动重命名标签这一插件,开发者将很难找到结束标记。
为什么不轻松一点,选择自动更改的方式呢?通过自动重命名标签可实现此功能。在开始标签中的任何更改,都会自动复制到结束标签中,反之亦然。
点此进行操作: Auto Rename Tag
自动重命名标签
2.编码流(CodeStream)
简而言之,这是对//comments的积极评论。
喜欢在IDE环境里编写代码吗?使用Trello、Slack、Asana、Bitbucket和MicrosoftTeams?代码流(CodeStream)支持大量的工具和IDE,因此开发人员无需离开编码环境即可跟踪问题。这意味着开发者将有更多时间用于工作,而不必纠结于如何向同事解释今天的问题。
点此进行操作: CodeStream
编码流
3.SCSS Intelligence(SCSS插件:智能提醒)
在SCSS中创建变量很棒。还记得吗?也许吧。
如果你像我一样使用了_variables.scss 局部类型——内置了数百个美元符号和昨晚3点想出的变量名,SCSS intelligence可让你在应用程序中的任何位置随时找到如此有创意的SCSS变量名,而无需记住具体名字或进行文件搜索。
点此进行操作: SCSS IntelliSense
SCSS插件:智能提醒
4.复制(Duplicate Action)
VS Code直接提供了右键单击即可复制文件的功能,但遇到了这款优秀的复制插件时,笔者认为可以稍有松懈,不必担心复制问题。
只需一款Duplicate Action扩展程序,就能即时提供您期望的复制功能。
点此进行操作: Duplicate Action
Duplicate 操作
5.Night Owl——一个非常适合夜猫子的 VS Code 插件
这是IDE史上最优秀的项目之一,是笔者在过去三年中一直使用的(实际上下图是我当前工作区的屏幕截图)。NightOwl柔和的蓝色调能在晚上保护视力。
点此进行操作:Night Owl
Night Owl
特别荣誉:
赛博朋克主题(Synthwave ‘84)
这是银翼杀手的编码主题,它与一件皮革风衣、一辆兰博基尼跑车和一台烟雾机完美搭配。打开蒸汽波(Vaporwave)背景音乐,开始敲出美丽的代码,然后全身心投入Neuromancer的数据库中。
图源:Unsplash
与其他主题不同,Synthwave‘84需要一些额外的修改才能激活文本发光效果,但是我想你以后会认为这是很值当的。
点此进行操作: Synthwave ‘84
Synthwave ‘84赛博朋克主题
祝大家“食用”愉快~
推荐阅读专题
留言 点赞 发个朋友圈
我们一起分享AI学习与发展的干货
编译组:吴亚芳、李韵帷
相关链接:
https://medium.com/better-programming/5-vs-code-extensions-thatll-change-your-dev-life-9786756a8121
如需转载,请后台留言,遵守转载规范
推荐文章阅读
长按识别二维码可添加关注
读芯君爱你