vue boilerplate typescript

Vue.js 상용구, Typescript, Vuex, Vue-Router, Element-UI, i18n, axios, Font Awesome

다음을 사용하는 Vue CLI 3.x가 포함된 Vue.js용 Typescript 상용구입니다.

• 뷰엑스
• 뷰 라우터
• 요소 UI
• i18n
• 액시오스
• 멋진 글꼴
• ...

요구사항

• Node.js(npm)

설치

1. Vue CLI 3.x 설치

    npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

2. 종속성 설치

    npm install
   # OR
   yarn install
   

건축학

이것이 제가 개인적으로 Vue.js 프로젝트를 구성하는 방식입니다. 필요에 맞게 자유롭게 수정해 보세요.

• ? assets : 이미지 또는 사운드 파일과 같은 모든 자산을 포함합니다.
• ? components : 모든 Vue 구성 요소를 포함합니다.
• ? layouts : vue-router 에서 설정할 수 있는 모든 Vue 레이아웃을 포함합니다.
• ? models : 비즈니스 로직에 필요한 모든 모델을 포함합니다.
• ? requests : API와 통신하는 데 필요한 모든 요청을 포함합니다.
• ? rules : 재사용 가능한 모든 유효성 검사 규칙을 포함합니다.
• ? services : 웹 요청을 이행하는 모든 서비스를 포함합니다.
• ? store : vuex -store에서 사용 중인 모든 모듈을 포함합니다.
• ? style : 모든 스타일시트를 포함합니다.
• ? translations : 모든 번역을 .ts 파일로 포함합니다.
• ? views : vue-router 에서 사용되는 모든 뷰를 포함합니다.

명령

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

 npm run serve
# OR
yarn run serve

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

 npm run build
# OR
yarn run build

파일 린트 및 수정

 npm run lint
# OR
yarn run lint

구성 사용자 정의

구성 참조를 참조하세요.