vWeather_Vue

날씨 | Vue3

프로젝트 설정

 yarn install

개발을 위한 컴파일 및 핫 리로드

 yarn serve

프로덕션을 위해 컴파일 및 축소

 yarn build

파일 린트 및 수정

 yarn lint

구성 사용자 정의

구성 참조를 참조하세요.

할 일 목록:

1부

[] 프로젝트 설정
-[x] npm init vite-app mWeather_Vue(코드샌드박스를 사용하므로 건너뛰기)
-[x] 구글 글꼴 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을 지원하도록 페이지 항목을 하나씩 업데이트합니다.
[] Netlify에 배포