添加到 Visual Studio Code 的最佳插件

当谈到深入研究应用程序开发的有趣世界时,我们可以使用多种语言来做到这一点。 除了其他更通用的任务之外,还有针对某些任务的特定任务。 此外,我们必须选择我们想要在我们的团队中使用并且适合我们需要的代码编辑器。 这里我们可以使用的选择之一是 Visual Studio代码 .

这是软件巨头提供的一个很好的解决方案 微软,菜品对于新手用户来说都在这,至于最专业。 为了给大家一个思路,这里我们讲一下 Visual Studio Code,一个由微软自己开发的代码编辑器。 我们有能力安装和运行它 Windows , Linux苹果系统- 基于计算机。

添加到 Visual Studio Code 的最佳插件

Visual Studio Code 集成的重要功能

正如您可以在具有这些特征和重要性的软件中想象的那样,它为我们提供了多种功能,可以帮助我们开发代码。 但这还不是全部,因为除了它所呈现的功能之外,它还具有稳定性好和轻便的特点。 因此,它正在成为这些任务中最受欢迎的文本编辑器。

此外,这个开源编辑器是跨平台的,在软件开发社区中非常受欢迎。 出于好奇,我们会告诉您,它 测试 版本于 2015 年底发布,第一个稳定版本于 2016 年 XNUMX 月发布。 同样重要的是要知道 Visual Studio Code 兼容大量编程语言。 因此,这对于大多数开发人员来说不会是问题。

该编辑器支持调试、内置 Git 控件、语法高亮、智能代码补全等。 必须说,它为我们提供了一个相当可定制的界面,允许用户更改主题或键盘快捷键,其中其他事情。

Visual Studio Code 界面

您可以想象,由于我们可以根据自己的需求或偏好调整软件,因此所有这些都使在这里工作变得更加轻松。 也称为 代码 ,这个编辑器已经成功地取代了我们中间多年来建立的许多其他程序,我们可以 从这里下载 .

该平台为我们提供的另一个优势是它允许我们显着增加其功能,这正是我们将在下面讨论的内容。

用于改进 VScode 功能的插件

与许多其他相同类型的解决方案一样,Visual Studio Code 为我们提供了使用额外的可能性 插件。 如果我们考虑到我们今天面临着最常用的代码编辑器之一,那么说造成这种情况的原因之一是可用插件的数量。

正是出于所有这些原因,下面我们将向您展示一些可以在 VScode 中使用的最重要和最有用的扩展。 正如我们所说,这些附加元素的数量非常多,因此根据您对程序所做的工作或用途的类型,其中一个可能对您有用。

自动重命名标签

我们将开始使用自动重命名标签选择扩展或插件。 值得一提的是,尽管它很简单,但如果该元素具有某种特征,那就是它提供的实用程序。 基本上这个扩展的作用是自动更改配对的名称 HTML/XML 标签。

自动重命名标签

由于这些标签的广泛使用,它非常有用,主要是因为它可以节省我们的时间。 我们有可能直接从 此链接 .

自动关闭标签

此类任务的自动化 程序和开发平台 是普通用户最看重的功能之一。 我们必须记住,在编写代码时,有时会非常重复。 因此,通过这个插件,我们为 Visual Studio Code 提供了封闭标签支持 HTML , Handlebars 和 Razor 文件。

自动关闭标签

同时我们要知道该扩展是为其他语言如XML、PHP、JavaScript、TypeScript等启用的,我们可以搞定 从这里开始 .

在浏览器中打开

此时我们必须知道,VSCode 没有任何集成的接口可以直接从 网页浏览器 . 因此,正是我们将要讨论的这个插件将带给我们的重要性或有用性。 这是因为此扩展程序向名为“使用默认浏览器打开”的程序添加了一个新选项。

在浏览器中打开

我们将在 上下文菜单 ,以及我们通常在系统上使用的浏览器中打开的键盘快捷键。 我们有可能通过以下方式测试所有这些 从这里下载扩展 .

短尾矮袋鼠

在我们将要让您在 Visual Studio Code 中使用的另一种情况下,我们谈论的是 Quokka。 实际上,它是一个调试工具,可以为我们提供当前正在编写的代码的实时反馈。 同时,它向我们展示了函数的结果和变量的计算值的预览。

短尾矮袋鼠

正是出于所有这些原因,您可以想象此插件在某些情况下会非常有用。 此外,它很容易 配置 并与 JSX 和 打字稿 项目。 我们可以下载 从这个链接 .

吉特镜头

你们中的许多人肯定已经能够亲自验证的一点是,该编辑器完美地适用于所有操作系统。 它还提供了各种功能,使我们在开发自己的时更容易 项目 . 但确实有些东西仍然缺失,尽管为此我们可以使用这些扩展。

吉特镜头

情况就是这样 吉特镜头 ,一个插件,增加了使用像这样的代码编辑器的体验来自 微软 . 多亏了这一点,我们将能够看到谁更改了我现在正在处理的代码行以及他们何时更改了。 同时我们可以看到每个文件的更改历史,区分不同的修改等等。为了添加这个扩展你可以这样做 从这里开始 .

Vscode 伪造者

这种超级有趣的提议使我们能够轻松快速地将示例数据插入到我们的项目中。 为此,它使用 Faker JavaScript 库,我们可以生成 随机名称 , 地址, 图片 、电话号码等同时值得一提的是,每个分类下都有几个子分类,以便尽快定位到我们要找的内容。 要测试所有这些,您可以通过此链接( https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker ).

骗子

材质图标主题

也可能是我们需要稍微改变编辑器的外观以使其个性化或感觉更舒适。 正是为此,我们可以使用主题形式的插件添加到 Visual Studio Code。 实际上,这里我们指的是一个主题,它为我们提供了一个 更简约 和易于使用的界面。 如果你想尝试,你可以做到 从这里开始 .

材质图标主题