需安装Data Preview扩展并配置才能可视化查看CSV、JSON等结构化数据：一、安装扩展；二、用命令面板调用；三、右键资源管理器文件预览；四、设置自动关联；五、用Cmd+K Cmd+V切换视图。
如果您在vscode中打开csv、json等结构化数据文件，但默认仅以纯文本形式显示，无法直观查看表格或层级结构，则可能是未启用或未正确配置data preview功能。以下是启用并使用该功能的多种方式：
本文运行环境：MacBook Air，macOS Sequoia。
一、安装Data Preview扩展
Data Preview并非VSCode内置功能，需通过第三方扩展实现可视化渲染。该扩展支持CSV、TSV、JSON、JSONL、YAML等多种格式的交互式预览。
1、在VSCode中按下 Cmd+Shift+X 打开扩展面板。
2、在搜索框中输入 Data Preview，找到作者为 RandomFractals Inc. 的扩展。
3、点击 Install 按钮完成安装。
4、安装完成后，重启VSCode或重新加载窗口（Cmd+Shift+P → Developer: Reload Window）。
二、通过命令面板触发预览
扩展安装后，可通过命令面板快速调用预览功能，适用于任意已打开的兼容格式文件，无需切换标签页或右键菜单。
1、确保当前编辑器中已打开一个CSV或JSON文件。
2、按下 Cmd+Shift+P 打开命令面板。
3、输入 Data Preview: Show Preview 并回车。
4、预览视图将以新编辑器组形式出现在右侧或下方，支持列排序、搜索和滚动。
三、右键上下文菜单调用
对于文件资源管理器中的数据文件，可直接通过右键快捷启动预览，避免先双击打开再执行命令的冗余操作。
1、在VSCode左侧的资源管理器中，右键单击目标CSV或JSON文件。
2、在弹出菜单中选择 Preview Data 选项。
3、若文件内容符合解析规范，将立即在新标签页中以表格（CSV/TSV）或折叠树状结构（JSON/YAML）呈现。
四、设置自动预览关联
可通过修改VSCode设置，使特定文件扩展名在双击时默认以Data Preview方式打开，替代原始文本编辑器。
1、按下 Cmd+, 打开设置界面。
2、在搜索栏输入 files.associations。
3、点击 Edit in settings.json 链接。
4、在settings.json中添加如下配置项：
"files.associations": {"*.csv": "data-preview","*.json": "data-preview"}
5、保存文件后，双击对应后缀文件即直接进入预览模式。
五、使用快捷键快速切换视图
在已打开预览视图的状态下，可利用快捷键在原始文本与可视化视图之间即时切换，提升多视角比对效率。
1、确保焦点位于Data Preview视图内。
2、按下 Cmd+K Cmd+V 组合键。
3、当前视图将切换为对应文件的原始文本编辑器。
4、再次按下相同快捷键，返回Data Preview视图。
