vscode GraphQL插件踩坑

最新推荐文章于 2024-05-23 09:55:36 发布
最新推荐文章于 2024-05-23 09:55:36 发布
阅读量221 收藏
点赞数
文章标签： vscode graphql ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/destiny3/article/details/131736453
版权
本文介绍了在VSCode中使用GraphQL插件遇到的问题和解决方案，推荐了GraphQL Foundation的GraphQL: Language Feature Support插件，该插件提供语法提示和定义跳转，但缺少引用查询功能。同时对比了vscode-graphql和Apollo GraphQL插件，前者因维护问题被放弃，后者虽然最近有更新，但在配置和功能上存在不足。
摘要由CSDN通过智能技术生成

TLDR

  • vscode的GraphQL语法插件, 目前比较推荐Graphql Foundation的GraphQL: Language Feature Support

  • 相关配置, 见[GraphQL: Language Feature Support](# GraphQL: Language Feature Support)

  • 配置文件的语法规则, 参考GraphQL Config

背景

之前用的GraphQL插件, 只开启了语法高亮. 自己写的schema没什么问题, 排查问题时, 只能靠搜索, 太难了…

vscode有不少语法提示插件, 但很多不太适用了. 试用了几款, 踩了踩坑…

插件

GraphQL: Language Feature Support
# graphql.config.yml  //in root directory
# 使用URL的方式, 只有语法提示, 没有定义跳转
# schema: http://localhost:5910/graphql
schema:
  - ./bff/src/schemas/*.gql
  - ./bff/src/sche
最低0.47元/天 解锁文章
「已注销」
关注
vscode常用插件压缩包
07-13
这个"vscode常用插件压缩包"很可能是包含了多个为提升VSCode功能和效率而设计的扩展插件。接下来，我们将深入探讨VSCode插件系统以及一些常见的插件及其用途。 1. **代码高亮与美化**： - `Prettier`：这是一个...
vscode 插件插件插件插件插件插件插件
07-14
vscode 插件插件插件插件插件插件插件
vscode-graphql：VSCode GraphQL扩展（自动完成，定位定义，语法突出显示）
02-04
VSCode GraphQL 注意：主要维护者@acao休假至2020年12月 GraphQL扩展VSCode旨在将GraphQL生态系统与VSCode紧密集成，以提供出色的开发人员体验。 :light_bulb: 注意：此扩展名不再支持.prisma文件。 如果你正在使用这个扩展与GraphQL 1，请从你的数据模型命名datamodel.prisma到datamodel.graphql这种扩展将挑选起来。 产品特点 许多新的改进正在发生！ 我们现在有一个 一般特征 在根级别或父级别目录中检测到graphql-config file时加载扩展 将扩展名加载到.graphql和.gql files 在检测js
探索高效开发新境界：GraphQuill - VS Code的GraphQL测试扩展
最新发布
gitblog_00008的博客
05-23 335
探索高效开发新境界：GraphQuill - VS Code的GraphQL测试扩展 GraphQuillReal-time GraphQL API Exploration in VS Code项目地址:https://gitcode.com/gh_mirrors/gr/GraphQuill 在开发世界中，效率是关键。为帮助开发者更无缝地进行GraphQL API测试，我们向您隆重推荐一个创新的...
推荐使用：VSCode GraphQL
gitblog_00046的博客
05-20 394
推荐使用：VSCode GraphQL vscode-graphqlMIGRATED: VSCode GraphQL extension (autocompletion, go-to definition, syntax highlighting)项目地址:https://gitcode.com/gh_mirrors/vs/vscode-graphql VSCode GraphQL 是一个强大...
graphql-for-vscode：GraphQL语法高亮，显示，自动完成等！
02-04
VSCode的Graphql 用于GraphQL模式创作和使用的VSCode扩展。 盒子里装了什么？ 转到“定义” ：只需按F12或Ctrl +单击任何graphql类型，您将直接跳至其定义。 自动完成：使用库读取整个graphql模式定义，并在编写和编辑.gql文件时为您提供自动完成支持。 模式验证：扩展还验证您的模式，以便您尽早发现错误。 Linting ：此扩展使用与项目用于方法类似的方法。 出色的语法突出显示：现在，您的graphql查询，变异和gql文件将通过强大的语法突出显示与其他代码一样漂亮。 它不仅适用于.gql / .graphql模式文件，而且还适用于您的代码-
(一)搭建graphql项目, 前端可随意指定接口返回的数据
zwf193071的专栏
01-26 796
什么是graphql 首先,让我们看下面这张图: 以往的模式是, client端和server端直接互相通信, 很多情况下, 作为前端开发, 往往是服务端返回什么数据, 我们只能被动接受. 可能我们只需要一个参数person, 可服务端会返回很多不相关的其他信息, 这不仅仅增加了网络负担, 更加大了前端维护的工作量. 现在不同了, graphql改变了这种交互模式, 它作为中间件, 可将服务端预发送的数据转成客户端真正需要的, 比如我们只需要客户的name, 通过Apollo发送请求, 服务端再通过Gra
vscode常用插件包Linux C
10-30
本包针对Linux用户，提供了适用于VSCode的一系列常用插件，旨在优化C语言的开发体验。下面，我们将详细讨论如何在Ubuntu系统中安装VSCode，以及如何安装和使用这些C语言的插件。 首先，我们需要在Ubuntu上安装...
2023年超实用的27个VSCode插件推荐
热门推荐
前端达人
04-16 2万+
Visual Studio Code，或者称作VS Code，是一个广为人知且评价很高的代码编辑器，它有许多特性和扩展功能，以增强开发体验。使用VS Code的主要好处之一是它的灵活性，允许开发人员根据自己的特定需求进行自定义。此外，VS Code还非常轻便快速，适合处理大型项目或者资源有限的情况，它包含了调试工具、终端和Git集成等功能，使其成为开发人员的全能选择。不仅如此，在Visual St...
推荐使用：GraphQL Config - 一站式图形化查询语言配置工具
gitblog_00098的博客
05-15 241
推荐使用：GraphQL Config - 一站式图形化查询语言配置工具 graphql-configOne configuration for all your GraphQL tools (supported by most tools, editors & IDEs)项目地址:https://gitcode.com/gh_mirrors/gr/graphql-config 在开发过程中，...
VSCode拓展推荐（前端开发）
Java_1710的博客
04-14 373
VSCode拓展推荐（前端开发） 一、使用说明 二、拓展
vscode按住ctrl跳转设置以及插件
weixin_70266084的博客
10-16 3877
2、在settings.json中添加代码。
使用 Hashnode API、Typescript 和 GraphQL 将博客文章添加到您的 React 站点
u010291330的博客
02-16 728
多亏了 GraphQL 和 TypeScript 的魔力，我们可以在我们的应用程序和服务器/API 之间生成端到端类型安全的数据获取。这是一次性设置，将在未来加速开发，消除类型错误，并验证我们的模式。首先，该getStaticPaths函数将获取我们博客文章的所有 slug，并告诉 Next.js 我们要为我们返回的每个路径生成静态页面。所有页面都将是静态的或服务器端呈现的。现在我们有了我们的帖子列表，我们需要开始生成我们的个人页面，这是通过使用 Next.js 中非常常见的技术通过使用。
基于 Graphql 的前后端协作方案
LuckyWinty的博客
11-18 1269
作者简介: 薛扬波，来自抖音直播平台前端团队，团队负责主播工会等行业产品研发，以及运营平台、数据策略平台建设一、背景&目标1、当前问题：接口无法复用：当前业务接口设计初为面向特定页面特定功能的，接口与页面一一绑定，接口字段缺失、冗余的情况造成已有接口无法轻松复用到其他页面。缺少领域模型：随着业务的迭代，难免会出现一些数据聚合、数据过滤的接口需求，目前这种情况都需要server服务端同学...
vue中graphql的配置
qq_43579408的博客
10-10 830
关于graphql的配置环境配置新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 环境配置 最近在接触graphql一种查询语句，个人觉得和axios的get和post请求差不多，但是graphql有点在于它可以用一个接口把
vue使用Graphql 接口Apollo 请求完整流程
QvLvFangZhou的博客
09-27 1103
相较于流行的RESTful接口，graphql接口对于前端工程师使用查询是相当灵活的，后端工程师可以不用考虑前端的需求，可以将所有的基于对应的实体数据都定义出来，前端可以根据自己的需求增删组合查询字段，已实现多样化的需求。，当整个页面未关闭的情况下，只要检测到了接口已经调用过并且成功取到值的情况，反复调用是不会生效的，包括在路由切换的情况下。需要注意的是vue本身是无法识别.graphql文件的，我们需要在vue.config.js中进行相应的配置。，这样就可以防止无法在页面刷新时重新调用的情况了。
VS Code 折腾记 - (14) 再来推荐一波大前端适用系列 (Node/React/Vue/小程序/主题/代码体验等) 的插件...
weixin_33809981的博客
07-08 432
前言 时隔半年,这期间我又搜罗了一波感觉比较好的插件, 依旧是那句话,好的插件需要作者去创造,时间去迭代... 废话不多说,直入主题; 2018/7/10: 又追加了几个比较实用的(留言以及最新发现的) React ES7 React/Redux/GraphQL/React-Native snippets :最好用的snippet汇总,非常全面,墙裂推荐!!! react-explorer...
GraphQL 快速入门【2】环境设置
dancuowang的博客
09-13 204
【注】本文节译自：GraphQL - Quick Guide (tutorialspoint.com)     在本章中，我们将学习 GraphQL 的环境设置。 要执行本教程中的示例，您将需要以下内容： 运行 Linux、macOS 或 Windows 的计算机。 网络浏览器，最好是最新版本的 Google Chrome。 安装了最新版本的 Node.js。建议使用最新的 LTS 版本。 已安装适用于 VSCode 的扩展 GraphQL 的 Visual St
VsCode插件精选与安装指南
本文档是一篇关于Visual Studio Code (VsCode) 插件整理的小结，作者认为这些插件对提升开发效率非常有帮助。VsCode官方插件市场位于<https://marketplace.visualstudio.com/vscode> 和 ，用户可以通过这两个平台...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值