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

  1. 云栖社区>
  2. 云栖号资讯>
  3. 博客>
  4. 正文

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

云栖号资讯小编 2020-01-10 17:08:04 浏览384
展开阅读全文

云栖号:https://www.aliyun.com/#module-yedOfott8
第一手的上云资讯,不同行业精选的上云企业案例库,基于众多成功案例萃取而成的最佳实践,助力您上云决策!


image

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


1

自动重命名标签

2.编码流(CodeStream)

简而言之,这是对//comments的积极评论。

喜欢在IDE环境里编写代码吗?使用Trello、Slack、Asana、Bitbucket和MicrosoftTeams?代码流(CodeStream)支持大量的工具和IDE,因此开发人员无需离开编码环境即可跟踪问题。这意味着开发者将有更多时间用于工作,而不必纠结于如何向同事解释今天的问题。

点此进行操作: CodeStream


2

编码流

3.SCSS Intelligence(SCSS插件:智能提醒)

在SCSS中创建变量很棒。还记得吗?也许吧。

如果你像我一样使用了_variables.scss 局部类型——内置了数百个美元符号和昨晚3点想出的变量名,SCSS intelligence可让你在应用程序中的任何位置随时找到如此有创意的SCSS变量名,而无需记住具体名字或进行文件搜索。

点此进行操作: SCSS IntelliSense


3

SCSS插件:智能提醒

4.复制(Duplicate Action)

VS Code直接提供了右键单击即可复制文件的功能,但遇到了这款优秀的复制插件时,笔者认为可以稍有松懈,不必担心复制问题。

只需一款Duplicate Action扩展程序,就能即时提供您期望的复制功能。

点此进行操作: Duplicate Action


4

Duplicate 操作

5.Night Owl——一个非常适合夜猫子的 VS Code 插件

这是IDE史上最优秀的项目之一,是笔者在过去三年中一直使用的(实际上下图是我当前工作区的屏幕截图)。NightOwl柔和的蓝色调能在晚上保护视力。

点此进行操作:Night Owl


image

Night Owl

特别荣誉:

赛博朋克主题(Synthwave ‘84)

这是银翼杀手的编码主题,它与一件皮革风衣、一辆兰博基尼跑车和一台烟雾机完美搭配。打开蒸汽波(Vaporwave)背景音乐,开始敲出美丽的代码,然后全身心投入Neuromancer的数据库中。


image

与其他主题不同,Synthwave‘84需要一些额外的修改才能激活文本发光效果,但是我想你以后会认为这是很值当的。

点此进行操作: Synthwave ‘84


image

Synthwave ‘84赛博朋克主题

祝大家“食用”愉快~

云栖号:https://www.aliyun.com/#module-yedOfott8
第一手的上云资讯,不同行业精选的上云企业案例库,基于众多成功案例萃取而成的最佳实践,助力您上云决策!

原文发布时间:2020-01-10
本文作者:读芯术
本文来自阿里云云栖号合作伙伴“读芯术”,了解相关信息可以关注“读芯术

网友评论

登录后评论
0/500
评论
云栖号资讯小编
+ 关注
所属团队号: 云栖号资讯