新年新气象!5个提高编码体验的VS Code扩展,超棒

773 阅读3分钟

全文共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学习与发展的干货
欢迎关注全平台AI垂类自媒体 “读芯术”


(添加小编微信:dxsxbb,加入读者圈,一起讨论最新鲜的人工智能科技哦~)