快速开始适用于中高级开发人员。有关 Gatsby 的入门介绍,请查看我们的教程

# 使用 Gatsby CLI

: 视频中使用的是 npx,它是一个工具,允许你执行一个 npm 包命令而不需要事先安装这个包。 在你的电脑安装 gatsby-cli 之后,运行命令 npx gatsby new 和运行命令 gatsby new 的效果相同。

# 安装 Gatsby CLI.

npm install -g gatsby-cli

# 创建站点

gatsby new gatsby-site

# 切换到站点目录

cd gatsby-site

# 启动开发服务器

gatsby develop

Gatsby 将会启动一个热更新的开发环境,你可以通过 localhost:8000 访问。

尝试修改位于 src/pages 下的页面中的 JavaScript。 保存变更,浏览器中的内容会自动热更新。

# 构建生产版本

gatsby build

Gatsby 将会为你站点的生产版本执行一些优化工作,生产静态 HTML 和预加载的 JavaScript 代码包。

# 在本地启动生产版本服务器

gatsby serve

Gatsby 会启动一个本地 HTML 服务器,用于测试你构建的站点。在执行这个命令前,记得先使用 gatsby build 构建你的站点。

# 查看 CLI 指令文档

在终端中运行 gatsby --help 指令,可查看 CLI 指令的详细文档。

对于特殊的指令,运行 gatsby COMMAND_NAME --help ,例如 gatsby new --help

想要了解更多关于 Gatsby CLI 的内容,访问文档中的 CLI 参考 章节。