gatsbyjs 使用

1. 安裝

npm install --global gatsby-cli

2. 使用

// 創建項目
gatsby new dalong
cd dalong
// 啟動
gatsby develop --   使用的是熱加載端口 8000
// 編輯源碼
src/pages.
//  生產構建
gatsby build  -- 優化的代碼以及預加載的路由
//  啟動一個本地的html 服務器測試構建的站點
gatsby serve 

3. 效果

 

開發啟動

 

界面

 

graphql 

 

生產構建項目目錄

 

生產界面優化（總的來說使用了好多的優化）

 

 

4. 總結

優化效果，以及方便使用上還是比較好的，而且在數據訪問上也是比較到位的

備注： 對於需要遠程訪問的可以在  gatsby develop -H ip   以及  gatsby serve -H ip

5. 參考文檔

https://www.gatsbyjs.org/docs/