實作是最好的學習。今天要介紹Gatsby.js的安裝及在local環境運行起來。
YouTube教學影片:
##安裝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