你不知道自己需要的7个Visual Studio Code扩展("7个你未曾发现却必备的Visual Studio Code扩展推荐")

原创
ithorizon 6个月前 (10-21) 阅读数 35 #后端开发

7个你未曾发现却必备的Visual Studio Code扩展推荐

一、简介

Visual Studio Code(简称VS Code)是一个非常受欢迎的代码编辑器,它拥有强劲的功能和多彩的扩展。本文将为你介绍7个你也许未曾发现但却非常实用的VS Code扩展,帮助你提升开发快速。

二、1. Path Intellisense

Path Intellisense 是一个自动完成文件路径的扩展,它可以让你在文件路径中自动完成文件名和文件夹名,避免手动输入路径时出现的差错。

"publisher": "ionutvmi",

"name": "path-intellisense",

"version": "1.4.2",

"engines": {

"vscode": "^1.33.0"

}

安装后,你只需开端输入文件路径,VS Code 就会自动提示也许的文件名和文件夹名,非常方便。

三、2. Prettier - Code formatter

Prettier 是一个代码格式化工具,它拥护多种编程语言,包括 JavaScript、TypeScript、CSS、HTML 等。Prettier 可以帮助你统一代码风格,尽也许降低损耗代码可读性。

"publisher": "esbenp",

"name": "prettier-vscode",

"version": "5.8.0",

"engines": {

"vscode": "^1.51.0"

}

安装 Prettier 后,你只需按下 Ctrl + Shift + P(或 Cmd + Shift + P),然后选择 "Prettier: Format File" 命令,即可格式化当前文件。

四、3. GitLens

GitLens 是一个增长VS Code内置Git功能的扩展,它提供了多彩的Git历史视图,以及查看和比较代码的能力。

"publisher": "eamodio",

"name": "gitlens",

"version": "11.2.1",

"engines": {

"vscode": "^1.52.0"

}

GitLens 可以让你轻松查看每个文件的提交历史,比较不同分支的代码差异,以及查看代码的作者和提交时间等信息。

五、4. Todo Tree

Todo Tree 是一个任务管理工具,它可以帮助你迅捷查找和导航代码中的 TODO、FIXME 和其他自定义的任务标记。

"publisher": "Gruntfuggly",

"name": "todo-tree",

"version": "0.0.199",

"engines": {

"vscode": "^1.52.0"

}

安装 Todo Tree 后,你可以在侧边栏中看到任务树,点击任务节点可以直接跳转到相应的代码位置。

六、5. Vetur

Vetur 是一个 Vue.js 的代码拥护插件,它提供了语法高亮、智能感知、Emmet 等功能,是 Vue 开发者的必备工具。

"publisher": "octref",

"name": "vetur",

"version": "0.34.0",

"engines": {

"vscode": "^1.33.0"

}

安装 Vetur 后,你可以享受到 Vue 文件的语法高亮、自动格式化、差错提示等功能。

七、6. Volar

Volar 是另一个针对 Vue 3 的 VS Code 扩展,它提供了 Vue 3 的类型检查和自动补全功能。

"publisher": "antfu",

"name": "volar",

"version": "0.26.0",

"engines": {

"vscode": "^1.56.0"

}

使用 Volar,你可以在编写 Vue 3 组件时获得更好的类型拥护和代码提示。

八、7. Remote - SSH

Remote - SSH 扩展允许你通过SSH连接远程服务器,并在VS Code中直接编辑远程服务器上的文件。

"publisher": "ms-vscode-remote",

"name": "remote-ssh",

"version": "0.65.0",

"engines": {

"vscode": "^1.55.0"

}

安装后,你可以在VS Code的侧边栏中找到 "Remote Explorer",然后通过SSH连接到远程服务器,并在本地编辑器中直接访问和修改远程文件。

九、结语

以上是7个你也许未曾发现却非常实用的Visual Studio Code扩展。这些扩展可以大大提升你的开发快速,让编码变得更加轻松愉快。如果你还没有尝试过这些扩展,不妨现在就安装试试看吧!


本文由IT视界版权所有,禁止未经同意的情况下转发

文章标签: 后端开发


热门