Super-Graphiql,开源的 vue.js GraphQL 面板

in Vue.jsWeb 前端 with 0 comment

近期需要为公司制作一个能调试的文档工具,且 leader 要求必须简单易用,新手拿来要快速上手。因为对 React 了解不多,且老外代码太过晦涩,于是自己动手用 vue 编写了一个简易的调试器。


Super-Graphiql

Github: https://github.com/Authing/super-graphiql

安装与配置

使用前需要了解一下 GraphQL
确保安装了 Node.js 与 npm

$ git clone https://github.com/Authing/super-graphiql.git
$ cd super-graphiql
$ npm install
$ npm run dev

or

$ npm run build

项目截图

SuperGraphQL_1
SuperGraphQL_2
SuperGraphQL_3

难点与成长

  1. 思考并比较了造轮子与学习新技术的成本问题
  2. 巩固了 Vuex 与 GraphQL 语法
  3. 在 Vue 中使用 Monaco 编辑器时,需在 /build/webpack.base.config.js 中配置好 plugins 字段,参见 vue-monaco 文档

-EOF-

Responses