iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 2
0
Modern Web

PWA, Severless, GraphQL實作系列 第 2

[影片]Gatsby.js 未來的網頁02:安裝Gatsby.js

  • 分享至 

  • xImage
  •  

實作是最好的學習。今天要介紹Gatsby.js的安裝及在local環境運行起來。

YouTube教學影片:

Yes

##安裝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的目錄結構。

同步發表於: NodeJust.com


上一篇
Gatsby.js 未來的網頁01:漸進式網頁應用程式
下一篇
[影片]Gatsby.js 未來的網頁03:File Structure
系列文
PWA, Severless, GraphQL實作10
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言