whitedroplab / gatsby
通过 composer wd 进行测试
This package is not auto-updated.
Last update: 2024-10-02 06:36:10 UTC
README
Gatsby 默认启动器
使用这个默认脚手架启动你的项目。这个启动器包含了你可能需要的 Gatsby 配置文件,让你能够快速使用 React 的快速应用生成器。
有更具体的需求?你可以查看我们丰富的官方和社区创建的启动器集合。
🚀 快速开始
-
创建一个 Gatsby 网站。
使用 Gatsby CLI 创建一个新的网站,指定默认启动器。
# create a new Gatsby site using the default starter gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default
-
开始开发。
进入你的新网站目录并启动它。
cd my-default-starter/ gatsby develop
-
打开源代码并开始编辑!
你的网站现在在
https://:8000
运行!注意:你还会看到一个第二个链接:
https://:8000/___graphql
。这是一个你可以用来查询数据的工具。有关如何使用此工具的更多信息,请参阅Gatsby 教程。在你的代码编辑器中选择
my-default-starter
目录,并编辑src/pages/index.js
。保存你的更改,浏览器将实时更新!
🧐 内容包含什么?
快速查看 Gatsby 项目中你将看到的顶级文件和目录。
.
├── node_modules
├── src
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── package-lock.json
├── package.json
└── README.md
-
/node_modules
:此目录包含项目依赖的所有代码模块(npm 包),将自动安装。 -
/src
:此目录将包含所有与网站前端相关(你在浏览器中看到的)的代码,例如网站页眉或页面模板。src
是“源代码”的约定。 -
.gitignore
:此文件告诉 git 它应该跟踪/不维护哪些文件的版本历史。 -
.prettierrc
:这是一个 Prettier 的配置文件。Prettier 是一个帮助保持代码格式一致的工具。 -
gatsby-browser.js
:此文件是 Gatsby 预期找到任何使用 Gatsby 浏览器 API(如果有)的地方。这些允许定制/扩展影响浏览器的默认 Gatsby 设置。 -
gatsby-config.js
:这是 Gatsby 网站的主要配置文件。你可以在这里指定有关网站(元数据)的信息,例如网站标题和描述,你希望包含的 Gatsby 插件等。(有关更多详细信息,请参阅配置文档)。 -
gatsby-node.js
:此文件是 Gatsby 预期找到任何使用 Gatsby Node API(如果有)的地方。这些允许定制/扩展影响网站构建过程的默认 Gatsby 设置。 -
gatsby-ssr.js
:此文件是 Gatsby 预期找到任何使用 Gatsby 服务器端渲染 API(如果有)的地方。这些允许定制影响服务器端渲染的默认 Gatsby 设置。 -
许可协议
:Gatsby遵循MIT许可协议。 -
package-lock.json
(见下文中的package.json
,排在第一位)。这是一个根据项目安装的npm依赖的确切版本自动生成的文件。(您不能直接修改此文件)。 -
package.json
:Node.js项目的清单文件,包含诸如元数据(项目名称、作者等)等信息。此清单文件是npm了解为您的项目安装哪些包的方式。 -
README.md
:一个包含关于您项目的有用参考信息的文本文件。
🎓 学习Gatsby
需要更多指导?Gatsby的完整文档位于网站上。以下是开始的一些地方:
-
对于大多数开发者,我们推荐从我们的Gatsby创建网站深入教程开始。它从零假设您的技能水平开始,并逐步讲解每个步骤。
-
要直接进入代码示例,请访问我们的文档。特别是,检查侧边栏中的指南、API参考和高级教程部分。