如何设置VSCode GraphQL开发环境？前端专家必装的语法提示插件是？

本文共计888个文字，预计阅读时间需要4分钟。

安装GraphQL for VSCode插件后，其他全部删除——装错或装多，补全、跳转、验证全部失效。

GraphQL for VSCode 插件必须手动重载才生效

装完插件后，VSCode 不会自动激活 Language Server。右下角不显示 GraphQL: connected，就等于没连上 schema，所有智能提示都只是摆设。

• 必须重启 VSCode（不是“重载窗口”），否则状态栏永远不出现连接标识
• 打开任意 .graphql 文件，右下角语言模式要显示 GraphQL，不是 Plain Text；若不是，进 settings.json 手动加："files.associations": {"*.graphql": "graphql", "*.gql": "graphql"}
• 状态栏显示 GraphQL: connected 后，悬停字段应有类型提示，灰色下划线表示可跳转定义

graphql.config.yml 中的 schemaPath 路径不能带 ./

YAML 解析器会忽略 ./ 前缀，写成 ./schema.graphql 等价于 schema.graphql，但一旦当前工作区不是项目根目录，路径就直接失效。