參考 PJ 老師的書《從 Hooks 開始讓你的網頁 React 起來》,在 commit 的部分有特別去注意,每一個動作都有清楚的紀錄下來。根據實際的狀況做小微調。
- react & react-dom v17.0.2
- emotion/react v11.4.0
- emotion/styled v11.3.0
- dayjs v1.10.5
- emotion-theming v11.0.0
- testing-library/jest-dom v5.11.12
- testing-library/react v11.2.7
- testing-library/user-event v12.8.3
- gh-pages v.2.3
- 將專案複製到本機 (兩種方法)
(1) 打開終端機輸入
git clone https://github.com/aoigj100a/lous-weather-app.git
(2) 點選 download ZIP 下載
- 進入專案資料夾安裝工具包
打開終端機輸入
npm install
- 執行專案
打開終端機輸入
npm start
- 使用瀏覽器瀏覽
打開瀏覽器在網址列輸入 localhost:3000 即可瀏覽
- 使用者可以得知現在的天氣。
- 使用者能夠在設定去切換地點。
- 能依造日出日落時間去判斷現在要呈現在畫面的風格�是日間還是夜間。