现在的位置: 首页 > web前端 > 正文

Gatsby基础知识教程详细讲解分享

2019年11月18日 web前端 ⁄ 共 455字 ⁄ 字号 评论关闭

  Gatsby--基础教程

  desc

  官网

  安装&&初始化

  运行

  查看

  构建

  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

抱歉!评论已关闭.