程式学徒

最新技术 未来网页

Gatsby.js 未来的网页02:安裝Gatsby.js

2018-10-14 ZackGatsby.js

安裝Gatsby.js

实作是最好的学习。今天要介绍Gatsby.js的安装及在local环境运行起来。

视频教学连结

安装Gatsby CLI

npm install --global gatsby-cli

用Gatsby建立新网站

gatsby new testing https://github.com/gatsbyjs/gatsby-starter-default

testing是新网站的名称,而后面的是这个新网站所使用的Starter,我们使用的是预设的,主要为了瞭解一下Gatsby网站的结构。之后,会换另一个Starter真正做我们的网站。

進入testing後,可使用:

gatsby develop

让网站运行起来,你可以透过http://localhost:8000/ 查看运行效果

今天先到此,明天我们会瞭解一下gatsby的目录结构。

本文参与iT邦帮忙铁人赛繁体