npm 包 @graphql-cli/init 使用教程

简介

@graphql-cli/init 是一个 npm 包,用于帮助开发人员在其项目中初始化 GraphQL,提供了一个简单而快速的方法配置 GraphQL 环境。它是 @graphql-cli(GraphQL CLI 工具链)的一部分,可以有效降低繁琐、重复的脚手架简历工作。本文将详细介绍如何使用该 npm 包。

前提要求

请确保在使用 @graphql-cli/init 之前,已经安装了 Node.js 和 npm。您还需要了解以下 Flask 技术的基本知识:

  1. GraphQL 的基础知识
  2. 安装和使用 npm 包
  3. 命令行的基础知识

安装 @graphql-cli/init

您可以使用以下命令通过 npm 来安装 @graphql-cli/init:

--- ------- -- -----------------

初始化项目

执行以下命令来初始化新的项目:

------- ----

执行该命令后,@graphql-cli/init 将会进行互动式的问答,收集有关你正在创建的新项目的必要信息。根据您的项目要求来回答每个问题。一旦您完成所有的响应,@graphql-cli/init 将会自动生成必要文件和文件夹,并配置好整个项目的基础架构。

以下是一个例子:

- ------- ----

- ---- ---- -- ------- ------- -- --- ---- -- -------  ------- ---
- ---- - ------ ---------  ---- ----- -----
- --- -------- -- ------- -------- -------- - --
  ----- ---- ---- ------ ----------
  ---------- -------- ---- ---------- ------
---

以 HTTPS 签发的 url 为 schema 地址;请输入"./schema.graphql"以使用本地模式)

  • 选择 URL pointing to GraphQL endpoint (server) 按照提示,输入一个 HTTP(S) 的 URL 地址,该地址指向了您项目中的 GraphQL 服务器。

  • 选择 Load from engine 按照提示,选择 Load from engine,这将立即从 Apollo Graphql Engine 加载已部署的 schema。

从这创建以后的文件结构如下:

------------------
--------------------
----------------
-------
-----------------

使用

在项目中已经生成的文件包括:

  1. schema.graphql:存放项目的 GraphQL Shcema 文件
  2. apollo.config.js:配置 Apollo 客户端使用的信息,包括 endpoint、engine 和插件
  3. package.json:记录项目所用到的所有 npm 包和其版本
  4. src/server.ts:这里是项目的入口文件,启动 Node.js web 服务器并直接从 Apollo Engine 获取数据。默认配置。
------ - ------------ - ---- ---------------
------ - -------------------- - ---- --------------------

----- ------ - --- --------------
  ------- ----------------------
    -
      ---------- ---
      --------- ----------------------------
    --
  ---
  -------- -- --- -- -- -
    -- --- --- ---- ----- ---- --- -------
    ----- ----- - ------------------------- -- --

    -- --- -- -------- - ---- ---- --- -----
    ----- ---- - --------------

    -- ---------- ----- --- ----
    -- -- ----- ---- ----- ---- ----------------- ----
    -- ------- ----- --- ---------- ---- -- ------ ----

    -- --- --- ---- -- --- -------
    ------ - ---- -
  --
--

----------------------- --- -- -- -
  --------------- ------ ----- -- --------
--

总结

@graphql-cli/init 是一个非常有用的 npm 包,它可以帮助开发人员通过一个简单的命令行配置文件以及文件生成器快速初始化 GraphQL 项目。它减少了繁琐的脚手架建造过程,让开发者可以全心全意地专注于业务逻辑的实现,从而使 GraphQL 项目的开发更加高效和快速。本文介绍了如何安装和使用 @graphql-cli/init。我希望这篇文章可以为初学者提供有用的指导,使他们可以更好地理解 GraphQL 中的命令行工具的使用。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedab62b5cbfe1ea0610769


猜你喜欢

  • npm 包 io-ts-types 使用教程

    什么是 io-ts-types? io-ts-types 是一款 TypeScript 类型检查工具,它可用于检查和验证 JavaScript 对象上的属性和值。 这个工具功能强大,允许我们定义 Ty...

    4 年前
  • npm 包 object-path-immutable 使用教程

    npm 包 object-path-immutable 使用教程 object-path-immutable 是一个常用的 JavaScript 工具库,它提供了一种更加简单、直观的方式来访问和操作 ...

    4 年前
  • npm 包 @loopback/repository-json-schema 使用教程

    前言 在现代 web 应用开发中,数据库和数据模型是不可或缺的一部分。然而,在将数据库和数据模型与应用程序和 API 集成时经常会遇到各种问题。LoopBack 作为现代化的全栈框架,提供了一个灵活的...

    4 年前
  • npm 包 @loopback/openapi-v3 使用教程

    前言 @loopback/openapi-v3 是基于 OpenAPI 3.0.0 规范的 LoopBack 应用程序和 REST API 的生成器。该包提供了一个 OpenAPI 规范文档(原 Sw...

    4 年前
  • npm 包 @openapi-contrib/openapi-schema-to-json-schema 使用教程

    介绍 在编写 API 文档时,我们常常使用 OpenAPI 规范来定义 API。而在实际使用中,也许我们希望将 OpenAPI 规范转换为 JSON Schema 规范,以便更好地与其他系统集成。

    4 年前
  • npm 包 emoji-datasource 使用教程

    在现代网站和应用程序开发中,Emojis 已成为不可或缺的一部分。在 W3C 标准化后,浏览器也开始支持 Emoji 的显示,开发者可以通过 Unicode 值或对应的字符实体来插入表情符号。

    4 年前
  • npm 包 json-schema-compare 使用教程

    简介 json-schema-compare 是一个 npm 上的用于比较 json-schema 差异的工具库,可以在前端项目中帮助我们快速发现不同版本的 schema 的差别,从而更好地管理我们的...

    4 年前
  • npm 包 @loopback/build 使用教程

    随着前端开发的不断发展,我们需要更好的工具来提高我们的开发效率。@loopback/build 作为一个 npm 包,在构建和打包前端应用时提供了全面的支持。本篇文章将介绍如何使用 @loopback...

    4 年前
  • npm 包 @loopback/eslint-config 使用教程

    前言 在前端开发过程中,为了保证代码的一致性并且遵守最佳实践,我们通常需要使用 linter 工具。其中,ESLint 是一种非常流行的 JavaScript 代码检查工具,它可以帮助我们发现代码中的...

    4 年前
  • npm 包 turndown-plugin-gfm 使用教程

    前言 Markdown 是一种轻量级的标记语言,用于在写作过程中快速排版内容。在前端开发中,我们经常需要将 Markdown 转换成 HTML,这时候就可以使用 turndown 来实现。

    4 年前
  • npm 包 tslint-functional-preset 使用教程

    前言 在前端开发中,无论是个人还是团队,代码的规范化一直是一个重要的议题。为了降低代码的维护成本,规范化的代码进而提高代码的可读性和可维护性是非常必要的。而在 TypeScript 的开发中,tsli...

    4 年前
  • npm 包 Aurelia-hot-module-reload 使用教程

    前言 随着前端开发的日益复杂,模块化开发、组件化开发等技术已经成为了前端开发的基本要素之一。为了更好的提升开发效率,减少开发成本,前端工程师们更多的开始使用 npm 包管理工具以及其他一系列的自动化构...

    4 年前
  • npm 包 @loopback/openapi-spec-builder 使用教程

    前言 随着前端技术的不断发展,前端类的技术文章越来越受到欢迎。本篇文章将介绍一个常用的 npm 包 @loopback/openapi-spec-builder 的使用教程,希望能为前端开发者们提供一...

    4 年前
  • npm 包 import-sort-style 使用教程

    介绍 在前端开发中,需要引入许多第三方的 JavaScript 库或框架。然而,当我们在编写代码时,我们常常会忽略代码文件引入顺序。这会造成代码可读性的下降,使得代码难以维护和修改。

    4 年前
  • NPM包 @loopback/filter 使用教程

    简介 @loopback/filter是一个Node.js模块,它提供了一套强大的过滤器供开发者使用,能够方便地对对象数组或JSON文档进行过滤和排序。本文将详细介绍该模块的各种使用方法及其详细的AP...

    4 年前
  • npm 包 @loopback/repository 使用教程

    @loopback/repository 是一个 Node.js 的 npm 包,它为开发人员提供了一种简单而又高效的方法来操作数据库。通过这个库,开发者可以方便地使用 TypeScript 来建立先...

    4 年前
  • npm 包 @types/vfile-message 使用教程

    前言 在前端开发中,使用 npm 来管理依赖是一种很普遍的方式。其中 @types/vfile-message 这个 npm 包是 TypeScript 中用来描述 vfile-message 的类型...

    4 年前
  • npm 包 @loopback/testlab 使用教程

    什么是 @loopback/testlab ? @loopback/testlab 是一个用于测试 LoopBack 应用程序的工具包。它是 LoopBack 框架的官方测试库之一,致力于为 Loop...

    4 年前
  • npm 包 @types/nomnom 使用教程

    在前端开发中,我们经常会用到命令行工具来执行一些任务,比如打包、压缩代码等。其中,命令行参数的处理是非常重要的一部分。而 @types/nomnom 就是一个用于处理命令行参数的 TypeScript...

    4 年前
  • NPM 包 @types/json-schema-compare 使用教程

    介绍 在前端开发过程中,我们经常需要比较两个 JSON 数据的结构是否相同。这时,我们可以使用 JSON Schema 进行比较,但是在实际使用过程中,我们发现 JSON Schema 的语法比较复杂...

    4 年前

相关推荐

    暂无文章