VSCode的DevTools插件提供JSON格式化、Base64编解码、正则测试、哈希计算等轻量开发工具;通过Cmd+Shift+P调用“DevToys: Open DevToys”启用侧边栏面板,各工具均支持实时交互与即时反馈。

VSCode的DevTools插件提供了一组轻量、即开即用的开发辅助工具,涵盖编码转换、JSON格式化、正则测试、哈希计算等高频场景。以下是该插件的核心功能使用方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、启用并访问DevToys面板
安装插件后需手动激活其内置界面,以便调用全部工具模块。该操作将启动独立的侧边栏工作区,确保工具响应不依赖主编辑器上下文。
1、在VSCode中按下 Cmd+Shift+P 打开命令面板。
2、输入 DevToys: Open DevToys 并回车执行。
3、右侧边栏将展开DevToys主界面,顶部显示工具分类导航栏。
二、快速格式化JSON数据
该功能专用于校验与美化JSON字符串,支持实时错误高亮与缩进调整,避免因格式问题导致解析失败。
1、在DevToys面板中点击 JSON Formatter 工具卡片。
2、在左侧输入框粘贴原始JSON文本,或直接拖入.json文件。
3、点击右上角 Format 按钮,右侧将即时输出标准缩进格式结果。
三、进行Base64编解码操作
无需切换外部网站或运行脚本,可在编辑器内完成字符串与Base64之间的双向转换,适用于API调试与配置处理。
1、在工具列表中选择 Base64 Encoder/Decoder。
2、在上方输入区域键入明文内容,下方自动显示编码结果。
3、若需解码,将Base64字符串粘贴至下方输入框,点击 Decode 即可还原原始文本。
四、验证正则表达式匹配逻辑
提供交互式正则测试环境,支持多行文本输入与分组捕获高亮,便于调试复杂匹配规则。
1、进入 Regex Tester 工具页。
2、在 Pattern 栏输入正则表达式,例如 ^\d{3}-\d{2}-\d{4}$。
3、在 Text 区域输入待测字符串,匹配项将以蓝色背景实时标出。
五、计算文本哈希值
支持MD5、SHA-1、SHA-256等多种算法,用于校验文件完整性或生成唯一标识符。
1、打开 Hash Calculator 工具。
2、在输入框中键入任意文本,或点击 Paste from Clipboard 粘贴内容。
3、从算法下拉菜单中选择 SHA-256,结果将立即显示在输出栏中。










