gitbox

gitbox

시사

Proccess

특징

• 차트

탐험

• VIEJS 3 FRAMWORK 개발 vitejs 모듈에서 TypeScript 옵션.
• vue3의 후크에 대한 조성 API
• REST API GITHUB 에 익숙해집니다
• Axios http 클라이언트 라이브러리 및 fetch () 메소드를 사용하여 우체국의 지원으로 데이터 링크를 가져옵니다.
• JavaScript의 이벤트 버스 라이브러리로 구성 요소 간 데이터 전송.
• 템플릿은 vue 3 <script setup> SFCS를 ​​사용하고 스크립트 설정 문서를 확인하여 자세한 내용을 확인하십시오.

설정 프로젝트

설정 종속성

 npm install

환경 변수

 # create .env.<mode>
VITE_API_USERNAME= < your_username >

개발을 위해 컴파일 및 핫 릴로드

 npm run dev

생산을 위해 컴파일하고 최소화합니다

 npm run build

라인 및 수정 파일

 npm run lint

ts에서 .vue 가져 오기에 대한 지원을 입력하십시오

• TypeScript는 .vue 가져 오기에 대한 유형 정보를 처리 할 수 ​​없으므로 기본적으로 일반 VUE 구성 요소 유형으로 반짝입니다. 대부분의 경우 템플릿 외부의 구성 요소 소품 유형에 관심이 없다면 이것은 괜찮습니다. 그러나 .vue import에서 실제 소품 유형을 얻으려면 (예 : 설명서 h(...) 호출을 사용할 때 소품 유효성 검사를 받으려면) Volar의 .vue 유형 지원 플러그인을 활성화 할 수 있습니다 Volar: Switch TS Plugin on/off .

? 나와 함께하십시오

• 완벽한 제품을 구축하기 위해 개발에서 함께 코딩하십시오.

• Star / Fork / Comment를 제공 할 수 있습니다. 토론 / 문제를 제작 / 소스 코드에 대한 풀 레퍼스트를 만들어이 ME 프로젝트를 개발할 수 있습니다. 출시 기록에 저장할 수 있습니다.

• 모든 문제는 이메일을 통해 저에게 연락해야합니다.

• @Copyright @Thuongtruong1009, 2021에 대한 ECL-2.0 라이센스 에 따릅니다.

? 도구 및 참조

• 권장 IDE 설정 : Visual Studio Code + Volar.
• 확장 : Vetur, Pretier, Eslint ...
• Vitejs에서 시작하십시오.
• 프론트 엔드 코스에서 프론트 엔드 풀 코스 학습.

❤️ 나를 지원합니다