你不知道自己需要的7个Visual Studio Code扩展("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扩展。这些扩展可以大大提升你的开发快速,让编码变得更加轻松愉快。如果你还没有尝试过这些扩展,不妨现在就安装试试看吧!