vWeather_Vue

vWetter | Vue3

Projektaufbau

 yarn install

Kompiliert und Hot-Reloads für die Entwicklung

 yarn serve

Kompiliert und minimiert für die Produktion

 yarn build

Lints und Fixes von Dateien

 yarn lint

Konfiguration anpassen

Siehe Konfigurationsreferenz.

Todo-Liste:

Teil1

[] Richten Sie das Projekt ein
-[x] npm init vite-app mWeather_Vue (Überspringen, da ich codesandbox verwende)
-[x] Google-Schriftart https://fonts.google.com/specimen/Roboto
-[x] baisc css [x]element ui npm i element-plus (Auswahl/Suche über das Codesandbox-Abhängigkeitssystem) [x] Seitenstruktur
[X] API-Testaxios zum Abrufen von Daten [X] Header-Komponente [x] Füge das Logo npm i @element-plus/icons hinzu [x] Top-Titel/Untertitel erstellen [X] Suchbereich [x] Eingabe erstellen [x] Erstellen Datepicker [x] Info-Tooltip erstellen [x] Loading Skeleton [x] Testen Sie die API-Axios

Teil2

[x] Diagramm erstellen. [x] Echart npm i echarts vue-echarts Bibliothek zum Projekt hinzufügen

Teil3

[x] Hell/Dunkel-Thema
-[x] Elementelement überschreiben, um dunkles Design zu unterstützen

Teil4

[x] i18? en/cn i18@next für vue3 ist v9, die Version muss manuell aus der Codesandbox ausgewählt werden
-[x] Element-UI-Standard i18n
-[x] Seitenelemente einzeln aktualisieren, um i18N zu unterstützen
[] Für Netlify bereitstellen