Gatsby--开发环境搭建

• 学习资源推荐

---

• 微信扫码关注公众号 ：前端前端大前端，追求更精致的阅读体验 ，一起来学习啊
• 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
  

---

desc

Gatsby可以用来构建静态页面，搭建个人博客，与React 完美结合

官网

• Gatsby

安装&&初始化

• 全局安装 npm install -g gatsby-cli

• 初始化项目 gatsby new gatsby-site,gatsby-site为项目名

• 也可以直接用npx gatsby new gatsby-site,

• 注意，如果用npx形式，windows系统使用git bash ，不要用cmd ，cmd无法执行 git clone指令

运行

• cd gatsby-site
• gatsby develop
• 默认运行在8000端口

查看

• 打开浏览器本地8000端口
• localhost:8000或者127.0.0.1:8000

构建

• 上述是开发环境，开发完成需要构建一下
• gatsby build
• gatsby 内置一个服务，用来搭载build后的静态资源 gatsby serve
• 此时端口是9000