Vue Init Template 구조 파악

카탈로그
  1. 1. 구조
  2. 2. 흐름

구조

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
📦vue-pwa-tree
┣ 📂docker # Ngnix 환경에서 돌려질 도커 이미지 환경설정
┣ 📂public # '/' 경로
┃ ┣ 📂img
┃ ┃ ┗ 📂icons # PWA Icon 폴더
┃ ┣ 📜index.html # 시작 파일
┣ 📂src # 작업 폴더
┃ ┣ 📂assets # 리소스
┃ ┣ 📂components # 공용 컴포넌트
┃ ┣ 📂router # 라우터
┃ ┣ 📂store # 상태관리
┃ ┣ 📂views # 페이지
┃ ┣ 📜App.vue # 시작 파일
┃ ┣ 📜main.ts # 메인
┃ ┣ 📜registerServiceWorker.ts # 서비스워커
┃ ┣ 📜shims-tsx.d.ts # ?
┃ ┗ 📜shims-vue.d.ts # ?
┣ 📂tests # 테스트 코드
┃ ┣ 📂e2e # e2e
┃ ┗ 📂unit # 유닛 테스트
┣ 📜.dockerignore
┣ 📜.gitignore
┣ 📜babel.config.js
┣ 📜cypress.json
┣ 📜devspace.yaml
┣ 📜Dockerfile
┣ 📜Jenkinsfile
┣ 📜package-lock.json
┣ 📜package.json
┣ 📜README.md
┗ 📜tsconfig.json # 이건 좀 봐두자

흐름

image