vWeather_Vue

v天気 | Vue3

プロジェクトのセットアップ

 yarn install

開発用のコンパイルとホットリロード

 yarn serve

実稼働用にコンパイルおよび縮小します

 yarn build

ファイルのリントと修正

 yarn lint

構成をカスタマイズする

「構成リファレンス」を参照してください。

Todo リスト:

パート1

[] プロジェクトのセットアップ
-[x] npm init vite-app mWeather_Vue (コードサンドボックスを使用するためスキップ)
-[x] Google フォント https://fonts.google.com/specimen/Roboto
-[x] baisc css [x]element ui npm i element-plus (コードサンドボックス依存関係システムによる選択/検索) [x] ページ構造
[X] データをフェッチするための API テスト Axios [X] ヘッダー コンポーネント [x] ロゴの追加npm i @element-plus/icons [x] トップ タイトル/サブタイトルの作成 [X] 検索エリア [x] 入力の作成 [x] 作成datepicker [x] 情報ツールチップの作成 [x] スケルトンの読み込み [x] API axios のテスト

パート2

[x] チャートを作成します [x] echart lib をプロジェクトに追加しますnpm i echarts vue-echarts (codesandbox 依存関係システム経由で選択/検索します) [x] singleDayLineChart を作成します [x] MutipleDateStatckLineChart を作成します

その3

[x] ライト/ダークテーマ
-[x] ダークテーマをサポートするために要素項目をオーバーライドします

その4

[x] i18? vue3 の en/cn i18@next は v9 です。codesandbox からバージョンを手動で選択する必要があります
-[x] 要素 ui デフォルト i18n
-[x] i18N をサポートするためにページ項目を 1 つずつ更新します
[] netlify へのデプロイ