Skip to main content

快速开始

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

使用 Gatsby CLI

Video hosted on egghead.io.

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

安装 Gatsby CLI.

创建站点

切换到站点目录

启动开发服务器

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

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

构建生产版本

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

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

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

查看 CLI 指令文档

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

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

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


Edit this page on GitHub
Docs
Tutorials
Plugins
Blog
Showcase