在前端开发中，我们经常会使用各种 npm 包来提高我们工作效率和代码质量。本文介绍的 npm 包 @galeanne-thorn/gemini-core 就是一个能够帮助开发者快速开发 web 应用的工具包。
什么是 @galeanne-thorn/gemini-core
@galeanne-thorn/gemini-core 是一个 TypeScript 编写的框架核心，用于快速开发 web 应用。它提供了一系列基础模块和工具，支持前后端分离开发，使用 GraphQL 进行数据请求等。
安装
使用 npm 安装 @galeanne-thorn/gemini-core：
npm install @galeanne-thorn/gemini-core
使用
创建项目
@galeanne-thorn/gemini-core 提供了 init 命令来帮助我们创建新项目：
gemini init myproject
这会在当前目录下创建一个名为 myproject 的目录，其中包含了基本的项目结构、配置文件和样例代码等。
编写接口
@galeanne-thorn/gemini-core 提供了一个简单易用的方式来定义 GraphQL 接口。我们只需要在 src/schema.ts 中定义 GraphQL 的类型和接口，就可以自动生成相应的代码：
-- -------------------- ---- -------
------ - --- - ---- ------------------------
------ - ---------- - ---- ------------------------------
----- -------- - ----
---- ---- -
--- --
----- ------
-
---- ----- -
------ ------
-
--
----- ---------- ---------- - -
------ -
----- ------------- ----- - ----------- -- -
------ ----- -------------------------------
-
-
--
------ ------- - --------- --------- --编写数据源
@galeanne-thorn/gemini-core 还提供了一个方便的方式来管理数据源。我们只需要在 src/dataSources 中定义数据源，并通过注入的方式将其和接口绑定起来：
-- -------------------- ---- -------
------ - -------------- - ---- -------------------------
------ - ----- - ---- ----------
----- ------- ------- -------------- -
------------- -
--------
------------ - ---------------------------------------
-
----- ----------- ---------------- -
------ -------------------
-
-
------ ------- --------import UserAPI from "./UserAPI";
const dataSources = () => ({
userAPI: new UserAPI()
});
export default dataSources;启动应用
最后，我们只需要在 src/index.ts 中启动应用，就可以愉快地运行我们的 web 应用了：
-- -------------------- ---- -------
------ -------------------
------ - ------------ - ---- ------------------------
------ ------- ---- ----------
------ - ----------- - ---- ---------------
------ - --------------- - ---- ------------------------------
------ ------ ---- -----------
------ ----------- ---- ----------------
----- -------- ------------- -
----- --- - ----------
----- ------------ - --- --------------
------- ----- -------------
----------
---------- ---------------- -- ---
---
-------- -- --- --- --------------- -- --
----
------------ -------------
--
---
----- ---------------------
------------------------------ ---- ----- ---- ---
---------------- -- -- -
------------------- -- ------- -- ------------------------
---
-
--------------总结
@galeanne-thorn/gemini-core 提供了许多便捷的功能，可以让我们更加轻松地开发 web 应用。无论是定义 GraphQL 接口还是管理数据源，都可以通过 @galeanne-thorn/gemini-core 的支持来减少我们的开发成本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556bf81e8991b448d38a3