Nuxt.js 프로젝트 설치 및 구성
Node.js 설치
컴퓨터에 Node.js가 설치되어 있는지 확인하십시오. Node.js 공식 웹사이트에서 최신 버전을 다운로드할 수 있습니다.
Vue CLI 설치
Terminal 또는를 열고 Command Prompt 다음 명령을 실행하여 Vue CLI를 설치합니다(아직 설치되지 않은 경우).
npm install -g vue-cli
Nuxt.js 프로젝트 만들기
에서 Terminal 프로젝트를 생성하려는 디렉토리로 이동하고 다음 명령을 실행하여 프로젝트를 생성합니다 Nuxt.js.
vue init nuxt-community/starter-template my-nuxt-project
프로젝트 구성
의 지시에 따라 Terminal 프로젝트를 구성하십시오. Axios ESLint 사용, 설치 등과 같은 프로젝트에 대한 다양한 옵션을 선택할 수 있습니다.
첫 페이지 만들기 및 기본 콘텐츠 표시:
프로젝트 디렉토리 열기
파일을 열고 Terminal 명령 cd my-nuxt-project(또는 선택한 폴더 이름)을 사용하여 프로젝트 디렉터리로 이동합니다.
새 페이지 만들기
Vue CLI를 사용하여 다음 명령으로 새 페이지를 생성합니다.
npx vue-cli-service generate page mypage
새 페이지 편집
mypage.vue 디렉토리 에서 파일을 열고 pages 페이지의 내용을 편집하십시오. HTML, Vue 구성 요소 및 데이터를 추가할 수 있습니다.
페이지 표시
파일 에서 태그를 사용하여 페이지의 콘텐츠를 표시 layouts/default.vue 할 수 있습니다. <nuxt/>
프로젝트 실행
에서 Terminal 다음 명령을 실행하여 프로젝트를 시작하고 브라우저에서 페이지를 봅니다.
npm run dev
이제 프로젝트에 첫 번째 페이지가 있고 Nuxt.js 원하는 대로 콘텐츠를 사용자 지정할 수 있습니다.