VSCode ERD图预览插件配置路径问题咨询

Hey，我来帮你梳理清楚这个ERD预览插件的路径配置问题～

首先得先搞明白两个关键程序的来龙去脉，以及你之前配置里的小问题：

• 关于dot程序：这个是你安装的Graphviz自带的核心渲染工具，它确实在C:/Program Files/Graphviz/bin文件夹里，但你之前填的是文件夹路径，插件需要的是具体的exe文件路径，也就是C:/Program Files/Graphviz/bin/dot.exe。

• 关于erd程序：这个可不是Graphviz自带的哦！它是一个单独的Node.js工具（叫erd-cli），用来解析你的ER图定义文件生成中间格式，再交给dot渲染成预览图。你之前没提到安装它，这可能是核心问题之一。

解决步骤 #

1. 先安装erd-cli（如果还没装的话）：
   确保你已经安装了Node.js，打开命令提示符（CMD）运行：

   npm install -g erd-cli
   

   全局安装后，它会被放到Node.js的全局bin目录下。

2. 找到两个程序的具体路径：

   • 找erd的路径：打开CMD输入where erd，会输出它的完整路径（比如C:/Users/你的用户名/AppData/Roaming/npm/erd.cmd）。
   • 找dot的路径：直接去你Graphviz安装目录的bin文件夹，找到dot.exe，复制它的完整路径（比如C:/Program Files/Graphviz/bin/dot.exe）。

3. 修改VSCode的settings.json配置：
   把之前的文件夹路径替换成具体的程序路径，示例如下（记得替换成你自己的实际路径）：

   "erd-preview.erdPath": "C:/Users/你的用户名/AppData/Roaming/npm/erd.cmd",
   "erd-preview.dotPath": "C:/Program Files/Graphviz/bin/dot.exe"
   

4. 重启VSCode：
   配置修改后重启一下VSCode，再打开ER图文件预览试试，应该就能正常工作了。

备注：内容来源于stack exchange，提问作者parmer_110