[Vue & Nuxt] 프로젝트 파일 구조

또띠·2024년 10월 25일

Vue

목록 보기
1/1
📦 프로젝트 루트
 ┣ 📜 nuxt.config.js      # Nuxt 설정 파일
 ┣ 📜 package.json        # 프로젝트의 패키지 종속성과 스크립트
 ┣ 📂 .nuxt               # Nuxt가 빌드 시 생성하는 폴더 (자동 생성)
 ┣ 📂 node_modules        # 설치된 Node.js 모듈
 ┣ 📂 public              # 정적 파일 (favicon 등)
 ┣ 📂 assets              # 이미지, 스타일 시트, 폰트 등 정적 자산
 ┃ ┗ 📂 styles            # SCSS/CSS 파일 폴더
 ┃ ┃ ┣ 📂 base
 ┃ ┃ ┗ 📜 main.scss
 ┣ 📂 components          # Vue 컴포넌트
 ┣ 📂 layouts             # 레이아웃 파일 (기본 레이아웃 지정 가능)
 ┣ 📂 middleware          # 라우터 미들웨어
 ┣ 📂 pages               # 페이지 컴포넌트 (Nuxt가 자동 라우팅)
 ┣ 📂 plugins             # 플러그인 파일
 ┣ 📂 store               # Vuex 스토어 (상태 관리)
 ┗ 📂 composables         # Composition API 관련 로직

assets, pages 는 임의로 짓지말자...!

profile
✨ 𝑬𝒗𝒆𝒓𝒚𝒕𝒉𝒊𝒏𝒈 𝒄𝒐𝒎𝒆𝒔 𝒕𝒐 𝒉𝒊𝒎 𝒘𝒉𝒐 𝒉𝒖𝒔𝒕𝒍𝒆𝒔 𝒘𝒉𝒊𝒍𝒆 𝒉𝒆 𝒘𝒂𝒊𝒕𝒔. ✨

0개의 댓글