三个杀手级VS Code插件

2023年 10月 7日 28.4k 0

Visual Studio Code(以下简称VS Code)是一款广受欢迎的开发环境,适用于各种项目。以下三个非常实用高效的插件,能极大地简化在远程服务器上工作、启动本地网页或管理Docker镜像等任务,提高工作效率。

1 Visual Studio Code远程开发扩展包

图片图片

这是一个由4个插件组成的扩展包,可以提升使用VS Code的灵活性。如需在远程机器上编辑或查看文件,通过SSH打开工作区非常方便。此扩展包可使开发人员在编辑器中像本地文件一样进行工作,甚至可以在远程服务器上运行终端。

除了SSH打开工作区之外,该扩展包还提供了连接到开发容器、WSL或隧道的支持。从上面图片中可以看到,这些功能可以进一步扩展开发人员的工作环境。

2 实时服务器

图片图片

实时服务器扩展对于想要快速查看正在开发的基本HTML和/或JavaScript网站非常方便。只需在导航面板中选择所需的HTML文件,然后右键单击,选择“使用实时服务器打开”,如下所示。

图片图片

这个功能不仅对于有经验的开发人员来说非常方便,可以节省时间,对于新手开发人员来说也非常宝贵,尤其是那些对托管服务或本地Web服务器的运行方式尚不清楚的人。只需右键单击,网站就可以运行起来了。它甚至会在默认浏览器中打开,并自动重新加载更改。

3 Docker

图片图片

微软的Docker扩展非常出色。它有助于构建、运行、监视和排除容器问题。请查看下面的截图,了解工具中提供的一些选项和功能。

图片图片

通过点击左侧的鲸鱼标志,可以进入Docker视图,在那里可以查看正在运行的容器和浏览镜像。同时,导航面板中的文件系统可以像本地磁盘一样进行浏览。当点击文件时,它会在编辑器中打开。上下文菜单提供了其他功能,例如查看日志或附加Shell终端。容器的启动和停止也可以在此处进行操作。

此外,该插件还支持对Dockerfile或docker-compose YAML文件进行编辑。开发人员能够通过右键单击构建镜像或启动docker-compose,并可以根据需要过滤要运行的服务。

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论