[Vue.Js] Nuxt.js ··· ①

Nuxt.js 개요 및 설치

Posted by ChaelinJ on June 14, 2023

Nuxt.js의 특징

  • Vue.js를 기반으로한 SSR 프레임워크로서, Vue.js의 문법과 개발 방식을 유지합니다.
  • 빠르고 일관성 있는 개발이 가능하도록 설정과 기본 구조를 제공합니다.
  • SEO(Search Engine Optimization)를 개선할 수 있습니다.
  • 코드 스플리팅(Code Splitting)을 지원하여 성능을 최적화 할 수 있습니다.
  • Vue.js의 생태계와 호환되어 플러그인을 쉽게 사용할 수 있습니다.

Nuxt.js 설치

Nuxt.js를 사용하기 위해서는 Node.js와 npm(Node.js Package Manager)이 설치되어 있어야 합니다. Node.js와 npm이 설치되어 있다면, 다음 명령어를 실행하여 Nuxt.js를 전역 설치할 수 있습니다.

npm install -g nuxt

또는 프로젝트 내에서 Nuxt.js를 사용하려면, 프로젝트 폴더 내에서 다음 명령어를 실행하여 Nuxt.js를 로컬 설치할 수 있습니다.

npm install nuxt

Nuxt.js를 설치한 후에는 nuxt 명령어를 이용하여 새로운 Nuxt.js 프로젝트를 생성할 수 있습니다. 예를 들어, my-nuxt-project라는 이름의 새로운 프로젝트를 생성하려면 다음 명령어를 실행합니다.

npx create-nuxt-app my-nuxt-project

위 명령어를 실행하면 새로운 Nuxt.js 프로젝트를 생성할 수 있는 몇 가지 옵션이 제공됩니다. 필요한 옵션을 선택하여 프로젝트를 생성하면 됩니다.

위 문서는 Chat GPT 응답과 공식 사이트 문서 기반으로 작성되었습니다.


감사합니다.

Text by Chaelin. Photographs by Chaelin, Unsplash.