Dev

[NuxtJS] Directory Structure

Aiden(에이든) 2022. 4. 4. 17:25

 Nuxt를 설치하면 기본적인 디렉토리 구조를 제공하고 있습니다. 이렇게 생성된 애플리케이션 구조는 크고 작은 애플리케이션을 만들 때 개발자에게 디렉토리 관리를 위한 좋은 시작점을 제공합니다. 저도 항상 개발 초기 세팅할 때, 디렉토리 구조에 많은 시간이 걸리곤 하는데... 이러한 기능이 저의 스트레스 감소에 큰 도움을 줍니다.

 

 기본으로 생성해주는 디렉토리 외에 자동으로 빌드할 때 사용하는 몇몇 기본 디렉토리와 파일은 다음과 같은 명령어로 생성할 수 있습니다. 이러한 이름으로 디렉토리를 생성하면 Nuxt 프로젝트에서 기능을 사용할 수 있습니다.

 

mkdir components assets static
touch nuxt.config.js

 

 디렉토리 구조는 아래 그림과 같다. 다음 글에서는 각각 디렉토리에 대해 적어보겠습니다.

NuxtJS Directory Structure (출처: NuxtJS)

 

728x90

'Dev' 카테고리의 다른 글

[NextJS] Context and Helpers  (0) 2022.04.22
[NextJS] Views  (0) 2022.04.12
Nuxt.js  (0) 2022.03.23
npm(Node Package Manager)  (0) 2022.03.21
Vue.js 시작하기 전에 준비  (0) 2021.05.12