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