当前位置: 首页 > 科技观察

8款VSCode插件

时间:2023-03-13 13:13:58 科技观察

让你代码高到停不下来拥有合适的工具可以让你的开发工作更轻松。许多开发人员使用VSCode作为开发工具,VSCode允许安装各种扩展。VisualStudioMarketplace上有很多可用的扩展,我们将重点介绍以下8个扩展。即使是最简单的工具也可以让人们做出伟大的事情-BizStone所有这些插件都可以在VisualStudioMarketplace上免费获得。1.REST客户端REST客户端扩展允许您直接在VSCode中发送HTTP请求和查看响应。不再需要使用外部应用程序向服务器发送HTTP请求。这是一款非常受欢迎的扩展工具,受到众多开发者的青睐,安装量超过100W。我自己也使用这个插件有一段时间了,觉得它很棒。发送请求从未如此简单。语法非常简洁,并提供许多选项以满足您的需要。一个简单的GET请求只需要一行代码,GET关键字后跟URL。您真的应该尝试一下REST客户端扩展。2.CSSPeek如果你是一名网页开发者,CSSPeek是绝对必要的。使用此扩展,您可以将鼠标悬停在元素的类名或元素ID上,以查看应用于该元素的CSS规则。正如您在下图中所见:此扩展工具不仅仅允许您查看样式。它还具有“转到”功能,可让您立即跳转到应用于元素的CSS规则。这可以为您节省大量时间来寻找正确的选择器。3.Beautify如果你喜欢干净的代码,那么你一定会喜欢Beautify。Beautify支持JavaScript、HTML、CSS、Sass和JSON。这个扩展的一大优势是所有选项都是完全可定制的——比如缩进大小和文件是否应该以新行结尾。如果您使用多种编程语言进行编码,那么Beautify可以满足您的需求。可以自定义每种编程语言的选项。该扩展程序已被下载超过500万次,并跻身最受欢迎的安装扩展程序前20名。4.自动重命名标签自动重命名标签扩展的作用很简单,但易于使用。该扩展程序将自动重命名成对的HTML标记。如果你重命名一个开始标签,它会改变相应的结束标签;反之亦然。如果您想在开始标签的右括号内键入时自动添加结束标签,您应该查看自动关闭标签扩展工具。安装这两个扩展非常有用,可以帮助您以更高效和一致的方式编写HTML。5.Quokka.jsQuokka.js是一个编辑器内原型设计平台,可以访问项目文件、内联报告等。代码中的值在运行时更新,并在您键入代码时显示在IDE中的代码旁边。就是棒!6.NightOwl没有惊艳的主题,优化VSCode有什么价值?不多吧?!既然你在VSCode上花了这么多时间,你最好通过安装一个看起来更好的主题来让它工作。NightOwl主题是许多开发人员使用的美丽主题。根据这个主题的描述,它针对我们这些喜欢码字到深夜的人进行了微调和优化。不喜欢NightOwl主题的可以试试:PinkCatBoo、PandaSyntax、MiniDark、GatitoTheme、OneMonokai,这些主题色也很好看~7.JavaScript(ES6)代码片段最后要介绍的扩展工具是JavaScript(ES6)代码片段扩展工具。扩展工具有多个代码片段,您可以使用它们生成ES6代码片段。例如,键入clg并按Enter以获取console.log。你可能需要一段时间才能熟悉所有的代码片段,但只要你掌握了它,你就可以非常快速地敲出ES6代码8.TabNineTabNine是我用过的比较好的代码补全工具。TabNine是一款基于人工智能的代码自动补全工具,TabNine的代码自动补全工具会在自动补全时给出每个候选的概率,并根据概率对它们进行排序。此外,还会给出应聘者的出处和地址,更方便查询和阅读。迄今为止,下载量已超过300,000次。