Nuxt는 적절한 기본값과 별칭을 사용하여 .nuxt/tsconfig.json 파일을 생성합니다. Nuxt는 프로젝트에서 사용 중인 확인된 별칭과 기타 합리적인 기본값을 사용하여 .nuxt/tsconfig.json 파일을 자동으로 생성한다. 아래 내용으로 프로젝트 루트에 tsconfig.json을 생성하면 이 이점을 누릴 수 있다. tsconfig.json { "extends": "./.nuxt/tsconfig.json" } 필요에 따라 이 파일의 내용을 맞춤설정할 수 있습니다. 그러나 target, module 및 moduleResolution 을 덮어쓰지 않는 것이 좋다. 경로를 사용자 정의해야 하는 경우 자동 생성된 경로 별칭이 재정의된다. 대신, nuxt.config 내의 alias 속성에 필요한..

package.json 파일에는 애플리케이션에 대한 모든 종속성과 스크립트가 포함되어 있다. Nuxt 애플리케이션의 최소 package.json는 다음과 같다. package.json { "name": "nuxt-app", "private": true, "type": "module", "scripts": { "build": "nuxt build", "dev": "nuxt dev", "generate": "nuxt generate", "preview": "nuxt preview", "postinstall": "nuxt prepare" }, "devDependencies": { "@nuxt/devtools": "latest", "nuxt": "latest", "vue": "latest", "vue-route..

Nuxt는 단일 nuxt.config 파일로 쉽게 구성할 수 있다. nuxt.config 파일 확장자는 .js, .ts 또는 .mjs일 수 있다. nuxt.config.ts // nuxt.config.ts export default defineNuxtConfig({ // My Nuxt config }) defineNuxtConfig 헬퍼 함수는는 임포트 없이 전역적으로 사용할 수 있다. 참고) 가능한 모든 구성요소 구성을 최신 상태로 유지하기 위해 Nuxt는 기본 구성 파일인 .env, .nuxtignore 및 .nuxtrc 도트 파일의 변경 사항을 감지하면 완전히 다시 시작한다. .nuxtrc 파일은 fla 구문으로 Nuxt를 구성하는 데 사용할 수 있는 파일이며, unjs/rc9를 기반으로 한다.

최소 사용량 Nuxt 3에서는 pages/ 디렉토리가 선택 사항입니다. 존재하지 않으면 Nuxt는 vue-router 종속성을 포함하지 않는다. 이는 라우팅이 필요하지 않은 랜딩 페이지나 애플리케이션 작업 시 유용하다. app.vue Hello World! 페이지 사용 pages/ 디렉토리가 있는 경우 현재 페이지를 표시하려면 컴포넌트를 사용한다. app.vue 내부적으로 Vue의 컴포넌트를 사용하므로 루트 요소로 설정할 수 없다. app.vue 가 Nuxt 애플리케이션의 주요 구성 요소 역할을 한다는 점을 기억하자. 여기에 추가하는 모든 항목(JS 및 CSS)은 전역적으로 적용되며 모든 페이지에 포함된다. 페이지 사이의 페이지 주변 구조를 사용자 정의할 수 있는 가능성을 갖고 싶다면 layouts/ 디..

Nuxt 3는 라이프사이클 내에서 런타임에 업데이트하거나 nuxt 플러그인을 사용하고 HMR(핫 모듈 교체)로 편집할 수 있는 기능을 통해 애플리케이션 내 반응 구성을 노출하는 app.config 구성 파일을 제공한다. app.config.ts 파일을 사용하여 런타임 앱 구성을 쉽게 제공할 수 있다. 확장자는 .ts, .js 또는 .mjs 중 하나일 수 있다. app.config.ts export default defineAppConfig({ foo: 'bar' }) app.config 파일 안에 비밀 값을 넣으면 안된다. 이는 사용자 클라이언트 번들에 노출된다. 구성 및 환경 변수를 앱의 나머지 부분에 노출하려면 app.config 파일에서 구성을 정의해야한다. app.config.ts export d..

.nuxtignore 파일은 Nuxt에게 빌드 단계 동안 프로젝트의 루트 디렉터리(rootDir)에 있는 파일을 무시하도록 지시한다. .gitignore 및 .eslintignore 파일과 동일한 사양이 적용되며, 각 줄은 무시해야 하는 파일을 나타내는 glob 패턴다. nuxt.config 파일에서 ignoreOptions, ignorePrefix 및 ignore를 구성할 수도 있다. .nuxtignore # ignore layout foo.vue layouts/foo.vue # ignore layout files whose name ends with -ignore.vue layouts/*-ignore.vue # ignore page bar.vue pages/bar.vue # ignore page in..