关于前端:2020-年-10-个最值得推荐的-VS-Code-插件

37次阅读

共计 2311 个字符,预计需要花费 6 分钟才能阅读完成。

前言

原文地址:https://blog.bitsrc.io/top-10… 作者:Shaumik Daityari

注释从这里开始~

1 Import Cost

在开发过程中,你可能常常会发现自己要在我的项目中增加依赖项。只管模块化开发已成为现今软件开发的要害局部,但最好还是确认对本人的输出放弃肯定的仔细。JavaScript 和 TypeScript 的 Import Cost 插件让你能够实时地警觉所有的依赖项。

当你将依赖关系内联增加到代码中时,它会显示对应的大小。它是一个笨重的插件,可提供预见性并有助于无效的依赖关系治理。插件文档里也列出了各种导入语法,让该插件为咱们显示依赖项的大小。

这里有一篇文章具体地介绍了原作者开发该插件的动机。

2 File Utils

只管 Visual Studio 的外围性能在对文件进行编码时成果很好,然而你可能会感觉有必要加强 Visual Studio 的治理我的项目以及依赖项中的多个文件的能力。File Utils 扩大让你能够通过命令面板执行文件操作。

你能够调出命令面板并抉择一个文件对它执行简略的文件操作。除了与文件夹相干的基本操作外,你还能够复制、挪动、删除和重命名文件。它是一个很实用的插件,能够让你在不脱离 Visual Studio 范畴的状况下治理我的项目的文件。

3 Project Manager

应用 File Utils 扩大能够让你执行简略的文件操作,而 Project Manager 插件让你能够进一步治理多个我的项目。首先,它增加了一个新的侧边栏用来反对解决多个我的项目。其次,该扩大还能够帮忙你治理 Git、SVN 或 Mercurial 存储库。它让咱们能够进一步地治理近程存储库。

除了基于 GUI 的性能外,此扩大还增加了与我的项目一起应用的命令。你能够调整设置,依据本人的爱好进一步地自定义它的性能。

借助近程存储库治理和交互式命令等高级性能,Project Manager 扩大在你的工具中提供了一些的工具库,这能够缩短你的开发周期。

4 SVG Viewer

SVG 指的是可缩放的矢量图形,并且 SVG 文件是存储网络矢量图像的文本文件。如果在文本编辑器中关上 SVG 文件,则通常会显示这些文件的文本内容。如果你正在间接编辑这些文件,则可能心愿查看 Visual Studio 是如何出现这些文件。

SVG Viewer 插件让你能够可视化 SVG 文件,从而节俭了你应用其余应用程序查看工作的工夫。从实质上讲,它能够节俭你对 SVG 文件进行疾速编辑时的工夫。

5 Code Spell Checker

开发人员遇到的大量异样通常能够通过更正变量、函数和程序包名称中的拼写错误来解决。另外,你在写评论,阐明或文档时也可能会呈现拼写错误。这个软件包有助于突出显示文件中的谬误,它可帮忙你查看各种风行的编程语言的拼写。你还能够调整设置,让 code spell checker 与特定文件类型一起应用。

尽管它在装置时反对英语,然而附加的字典可用于八种语言和医学术语。总而言之,它为你优良的 Visual Studio 扩大库中增加了一个玲珑而弱小的性能。

6 Remote — SSH

因为开发的分布式的性质,你可能须要登录到近程服务器去更新和测你的代码。尽管能够通过第三方 SSH 客户端轻松地对它们进行治理,然而存在一个 Visual Studio 扩大,该扩大让你能够在服务器上进行近程工作而不必齐全来到应用程序。

Microsoft 的 Remote-SSH 插件让你能够连贯到近程开发环境,并且这齐全不须要在本地零碎中蕴含任何代码。它还容许你在多个近程环境之间替换,从而让你能够在多个近程零碎之间执行多个工作。此外,该插件还反对连贯到基于 Linux,Windows 或 macOS 的近程零碎。现今,在近程服务器上进行开发至关重要,这也使得 近程 SSH 插件 成为的 Visual Studio 必不可少的扩大。

7 Trailing Whitespace Visualizer

良好的编程习惯是确保你的代码不蕴含任何尾随空格。尾随空格是由新行字符之前的任何代码行中最初一个非空格字符之后的任何空格或制表符(实质上是不可见的)组成。Trailing Whitespace Visualizer 插件突出显示了代码中的所有此类尾随空白。

尾随空格是代码中齐全没有必要的增加,并且这会减少文件的大小,因而删除它们是个好主见。这个插件不仅能够在你的代码中突出显示它们,还能够在你应用其余团队成员编写的代码时突出显示它们。

8 Debugger for Chrome

当你在应用前端的 JavaScript 代码时,测试你的代码是否正确的罕用办法是在浏览器上进行。Chrome Dev Tools 提供了一种通过控制台调试 JavaScript 的实用办法。Debugger for Chrome 插件将 Visual Studio 集成到 Chrome 或反对 Chrome 开发工具协定的基于 Chromium 的浏览器。

有许多调试性能可让您辨认代码中的谬误,而不用来到 IDE。简而言之,Chrome 调试器扩大程序能够在通常的调试过程中节省时间。

9 ESLint

ESLint 是一个动态 JavaScript 代码分析器。它会扫描你的代码,并发现语法错误和低效的编程实际。ESlint Visual Studio 扩大是将 ESLint 与 Visual Studio IDE 集成在一起,能够实现按需剖析 JavaScript 代码。然而,它要求将 ESLint 装置在本地或你的全局零碎中。

10 Live Server

Visual Studio 的 Live Server 扩大让你能够运行本地开发服务器来测试代码。它具备针对动态和动静网页的实时从新加载性能。

❤️爱心三连击

通过浏览,如果你感觉有播种的话,能够爱心三连击!!!

正文完
 0