三个杀手级VS Code插件

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

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,并可以根据需要过滤要运行的服务。

责任编辑:武晓燕 来源: Java学研大本营
相关推荐

2023-11-24 18:10:38

开发Visual

2024-02-19 00:00:00

Project开发项目

2024-02-29 18:05:21

Code插件工具

2024-01-25 18:08:57

CSSHTML文件

2024-01-09 18:03:30

开发者插件代码

2023-12-03 18:26:25

IDEA插件

2023-11-01 18:01:02

改进WakaTime编程

2023-11-09 18:07:25

Pycharm插件

2023-10-23 18:01:44

插件服务器扩展

2023-12-22 18:36:18

VS Code插件TODO

2024-01-17 18:05:51

Code插件平台

2019-04-23 12:10:00

前端开发编程

2024-01-29 00:25:00

VS Code开发插件

2024-01-15 00:08:51

插件Code效率

2023-06-05 11:26:23

2023-11-07 18:01:44

RESTVisual请求

2009-11-12 11:18:28

VS Ribbon界面

2020-02-21 13:22:58

开发者技能工具

2023-10-27 18:11:42

插件Postman代码

2023-09-21 18:14:34

VSCode扩展工具
点赞
收藏

51CTO技术栈公众号