查看原文
其他

3个杀手级VS Code插件

学研妹 Java学研大本营 2024-01-02

介绍3个实用高效的VS Code插件,助您提高工作效率。

长按关注《Java学研大本营》

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

推荐书单

《Web前端开发全程实战——HTML5+CSS3+JavaScript+jQuery+Bootstrap(清华社“视频大讲堂"大系 网络开发视频大讲堂)》

《Web前端开发全程实战——HTML5 CSS3 JavaScript jQuery Bootstrap》从初学者角度出发,结合大量实例讲解了如何使用HTML5、CSS3、JavaScript、jQuery、Ajax、Boostrap、Vue、PHP 等基本技术搭建Web 前端,力求向读者提供一套极简的Web 前端一站式高效学习方案。全书共28 章,内容包括HTML5基础、设计HTML5 文档结构、设计HTML5 文本、设计HTML5 图像和多媒体、设计列表和超链接、设计表格和表单、CSS3 基础、设计文本样式、设计效和动画样式、CSS 页面布局、JavaScript 基础、处理字符串、使用数组、使用函数、使用对象、jQuery 基础、文档操作、事件处理、使用Ajax、CSS 样式操作、jQuery 动画、Bootstrap基础、CSS 组件、JavaScript 插件、使用Vue、PHP 基础、使用PHP 与网页交互、使用PDO 操作数据库、项目实战。书中所有知识点均结合具体实例展开讲解,代码注释详尽,可使读者轻松掌握前端技术精髓,提升实际开发能力。

购买链接:https://item.jd.com/13512401.html

精彩回顾

10个不可不知的VS Code小技巧(上)

10个不可不知的VS Code小技巧(下)

仅需5分钟,使用Initializr快速开发Spring Boot应用

Apache Doris入门,下一代实时数据仓库

使用SQL分析,挖掘产品市场数据库的价值

长按关注《Java学研大本营》
长按访问【IT今日热榜】,发现每日技术热点
继续滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存