1. 安装
npm install --global gatsby-cli
2. 使用
// 创建项目
gatsby new dalong
cd dalong
// 启动
gatsby develop -- 使用的是热加载端口 8000
// 编辑源码
src/pages.
// 生产构建
gatsby build -- 优化的代码以及预加载的路由
// 启动一个本地的html 服务器测试构建的站点
gatsby serve
3. 效果
开发启动
![](https://images2017.cnblogs.com/blog/562987/201711/562987-20171104132234795-1626230211.png)
界面
![](https://images2017.cnblogs.com/blog/562987/201711/562987-20171104132235295-1725123775.png)
graphql
![](https://images2017.cnblogs.com/blog/562987/201711/562987-20171104132235857-1632164824.png)
生产构建项目目录
![](https://images2017.cnblogs.com/blog/562987/201711/562987-20171104132236404-106866674.png)
生产界面优化(总的来说使用了好多的优化)
![](https://images2017.cnblogs.com/blog/562987/201711/562987-20171104132237045-361307253.png)
4. 总结
优化效果,以及方便使用上还是比较好的,而且在数据访问上也是比较到位的
备注: 对于需要远程访问的可以在 gatsby develop -H ip 以及 gatsby serve -H ip
5. 参考文档
https://www.gatsbyjs.org/docs/