最佳 Visual Studio Code 扩展

0 股票
0
0
0
0

介绍

一般来说,扩展程序对于希望扩展编程语言或应用程序功能(超出其默认功能范围)的开发者来说非常有用。它们可以帮助您添加新功能、自定义语言或应用程序的行为,并简化您的开发工作流程。.

设置同步

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/02/Settings-Sync.gif

在你开始疯狂安装插件之前,最好先了解一下设置同步功能。它允许你将 VSCode 中几乎所有自定义内容(从设置到键盘快捷键再到其他 VSCode 扩展)同步到 GitHub。这样一来,你就不必在新设备上使用默认的 VSCode 环境进行编程,也不必重新手动设置所有内容,而是可以从任何设备访问你选择的 IDE。.

实时服务器

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2020/03/Live-Server-VSCode-Extension.gif

这款 VSCode 插件深受众多软件开发者的喜爱。Live Server 可以搭建一个本地开发服务器,支持静态页面和动态页面的实时重载。每次保存代码后,您都能立即在浏览器中看到更改。这样一来,您就能更快地发现错误,也能更轻松地对代码进行快速实验。.

远程 – SSH

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2020/03/Remote---SSH-VSCode-Extension.gif

Remote – SSH 扩展允许您使用任何带有 SSH 服务器的远程计算机作为开发环境。这使得在各种场景下进行开发和/或故障排除变得更加容易。您也不需要将任何源代码保存在本地计算机上,因为该扩展直接在远程计算机上运行命令和其他扩展程序。.

更漂亮


Prettier 是一款代码格式化工具,尤其适合多人协作开发项目的情况,因为它能确保代码风格一致。您可以设置每次保存代码时自动格式化,从而显著减少格式化代码所需的时间。.

GitHub Copilot

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2023/02/Github-Copilot.gif有人称 GitHub Copilot 是计算机编程领域的革命性突破,也有人认为它只是一个实用工具。无论你怎么看待它,自动补全 AI 都值得融入你的工作流程。GitHub Copilot 基于 GPT-3 训练,可以提供代码建议、自动补全代码,甚至在你提供自然语言注释时还能帮助你编写代码。.

自动重命名标签

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2020/03/Auto-Rename-Tag-VSCode-Extension.gif虽然 VSCode 本身就能高亮显示匹配的标签,并在你输入开始标签时立即添加结束标签,但 Auto Tag Rename 扩展会在你修改标签时自动重命名它们。此扩展适用于 HTML、XML、PHP 和 JavaScript,无需重复重命名标签。.

GitLens

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2020/03/GitLens-VSCode-Extension.gifGitLens 扩展了 Visual Studio Code 的 Git 功能。它是一款强大的插件,可以让你查看代码行随时间推移的更改者、更改原因和更改方式(以及许多其他功能)。GitLens 是一款高度可定制的插件。如果你不喜欢某个特定设置,可以轻松地在设置中将其关闭。.

Git 历史记录

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2020/03/Git-History-VSCode-Extension.gif与 GitLens 类似,Git History 是一款 VSCode 扩展,它以可视化的方式呈现 Git 日志。从此无需再在终端中查看 Git 日志。这款扩展功能非常全面,允许您比较不同提交中的分支、提交和文件。此外,它还支持搜索 GitHub 头像,非常实用。.

CSS 预览

https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/02/CSS-Peek.gif这款插件对前端开发人员来说非常宝贵。它借鉴了 IDE Brackets 的类似功能,CSS Peek 可以展开 HTML 和 js 文件,并在源代码中显示 CSS/SCSS/LESS 代码。如果您知道类名或 ID,它还可以让您快速跳转到相应的 CSS 代码。.

JavaScript 代码片段

虽然 VS Code 内置了 JS IntelliSense,但 JS Code Snippets 扩展程序通过添加导入/导出触发器、类助手和方法触发器,进一步增强了用户体验。该扩展程序支持 JS、TypeScript、JS React、TS React、HTML 和 Vue。其他框架(例如 Angular)的代码片段可在 VS Code 应用商店中找到。.

[全部的: 5   平均的: 5/5]
发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

您可能也喜欢