Nuxt Directory

Nuxt Directory

The Nuxt.js project consists of a directory of layouts, pages, and components.

assets

assets 디렉토리는 Stylus나 Sass 파일, 이미지나 폰트와 같은 컴파일되지 않은 에셋들을 포함하는 디렉토리 입니다.
컴파일 되지 않는 정적 에셋(CSS, JS, Sass 등)을 포함합니다.

components

components 디렉토리는 Vue.js 컴포넌트를 포함하는 디렉토리 입니다. asyncData나 fetch 메소드를 이 컴포넌트에서 사용하실 수 없습니다.
내부에는 Vue 컴포넌트 파일을 포함합니다.

layouts

layouts 디렉토리는 애플리케이션의 레이아웃을 포함하는 디렉토리입니다. 레이아웃은 여러분의 페이지의 모습이나 느낌을 변경하는 데 사용됩니다. (예를 들어 사이드바를 포함하는 것 같은).
이 디렉토리 이름은 추가적인 설정 없이는 변경할 수 없습니다.
Nuxt Guide : Layouts의 동작에 대한 문서

pages

pages 디렉토리는 애플리케이션의 뷰와 라우트를 포함하는 디렉토리 입니다. Nuxt.js는 모든 .vue 파일을 읽고 애플리케이션의 라우터를 생성합니다.
이 디렉토리 이름은 추가적인 설정 없이는 변경할 수 없습니다.

plugins

plugins 디렉토리는 루트 vue.js 애플리케이션이 생성되기 전 실행하고 싶은 자바스크립트 플러그인을 포함하는 디렉토리 입니다. Global로 컴포넌트를 등록하고 Function이나 Constant를 주입(injection)할 수 있는 곳입니다.

static

static 디렉토리는 서버의 루트(/static/robots.txt는 http://localhost:3000/robots.txt로 접근 가능)에 바로 연결되고, 변경되지 않을파일들을 담습니다(예를 들어, favicon과 같은).
예를 들어: /static/robots.txt는 /robots.txt로 연결됩니다.
이 디렉토리 이름은 추가적인 설정 없이는 변경할 수 없습니다.

store

store 디렉토리는 Vuex Store 파일을 포함하는 디렉토리입니다. Vuex Store는 Nuxt.js에 의해 바로 사용이 가능하나, 기본적으로는 비활성화되어 있습니다. index.js 파일을 생성하면 프레임워크가 자동으로 Store를 활성화합니다.
이 디렉토리 이름은 추가적인 설정 없이는 변경할 수 없습니다.

nuxt.config.js

nuxt.config.js 파일은 Nuxt.js의 사용자 정의 설정을 포함하는 파일 입니다.
이 디렉토리 이름은 추가적인 설정 없이는 변경할 수 없습니다.

package.json

package.json 애플리케이션의 의존성과 스크립트를 포함하는 파일 입니다.
이 파일의 이름은 변경할 수 없습니다.