vWeather_Vue

v天氣 |版本3

項目設定

 yarn install

用於開發的編譯和熱重載

 yarn serve

編譯並縮小以用於生產

 yarn build

Lint 和修復文件

 yarn lint

客製化配置

請參閱配置參考。

待辦事項清單：

第1部分

[] 設定項目
-[x] npm init vite-app mWeather_Vue（因為我使用codesandbox所以跳過）
-[x] 谷歌字型 https://fonts.google.com/specimen/Roboto
-[x] baisc css [x]element ui npm i element-plus （透過codesandbox依賴系統選擇/搜尋）[x]頁面結構
[X] API 測試 axios 取得資料 [X] 標頭元件 [x] 新增標誌npm i @element-plus/icons [x] 建立頂部標題/副標題 [X] 搜尋區域 [x] 建立輸入 [x] 建立datepicker [x] 建立資訊工具提示[x] 載入骨架[x] 測試api axios

第二部分

[x] 建立圖表 [x] 將 echart lib 新增至專案npm i echarts vue-echarts （透過codesandbox依賴系統選擇/搜尋） [x] 建立 singleDayLineChart [x] 建立 MutipleDateStatckLineChart

第三部分

[x] 淺色/深色主題
-[x] 覆蓋元素項目以支援深色主題

第四部分

[x] i18？ en/cn i18@next for vue3 is v9, 需要從codesandbox手動選擇版本
-[x] 元素 ui 預設 i18n
-[x]一一更新頁面項目以支援i18N
[] 部署到netlify