vWeather_Vue

vCuaca | Vue3

Pengaturan proyek

 yarn install

Kompilasi dan hot-reload untuk pengembangan

 yarn serve

Mengkompilasi dan mengecilkan untuk produksi

 yarn build

Lint dan memperbaiki file

 yarn lint

Sesuaikan konfigurasi

Lihat Referensi Konfigurasi.

Daftar Tugas:

Bagian1

[] Siapkan proyek
-[x] npm init vite-app mWeather_Vue (Lewati karena saya menggunakan kodedankotak)
-[x] font google https://fonts.google.com/specimen/Roboto
-[x] baisc css [x]element ui npm i element-plus (Pilih/cari melalui sistem dependensi kodedankotak) [x] struktur halaman
[X] Aksi uji API untuk mengambil data [X] komponen header [x] Tambahkan logo npm i @element-plus/icons [x] Buat judul/subjudul teratas [X] area pencarian [x] Buat masukan [x] Buat datepicker [x] Buat info tooltip [x] Memuat Kerangka [x] Uji aksio api

Bagian2

[x] Buat bagan [x] Tambahkan lib echart ke proyek npm i echarts vue-echarts (Pilih/cari melalui sistem dependensi kodedankotak) [x] Buat singleDayLineChart [x] Buat MutipleDateStatckLineChart

Bagian3

[x] Tema Terang/Gelap
-[x] Ganti item elemen untuk mendukung tema gelap

Bagian4

[x] i18? en/cn i18@next untuk vue3 adalah v9, perlu memilih versi secara manual dari kode dan kotak
-[x] elemen ui default i18n
-[x] perbarui item halaman satu per satu untuk mendukung i18N
[] Terapkan untuk netlify