Nuxt.js 개발 환경 세팅

Vue js 는 Node.js 기반 Framework로, Nuxt js 는 Vue js을 기반으로 하는 라이브러리 이다.

Node.js

Node js 란

Javascript 프로그램을 일반 애플리케이션 프로그램처럼 실행시켜주는 런타임엔진(컴파일러 + 인터프리터 + ...)이다.

주로 서버 프로그램 작성시 사용.

 

Nuxt js 설치

npx create-nuxt-app 프로젝트이름
npm init nuxt-app 프로젝트 이름
yarn create nuxt-app 프로젝트 이름

npm은 기본 패키지 매니저 이고, npx 는 최신버전의 모듈을 가져와 설치해 준다.

yarn 은 npm의 단점을 보완한 패키지 매니저로 나는 yarn을 사용해 보았다

yarn 을 사용할땐 설치해 주어야 한다

npm install -g yarn

이후로 npm과 yarn은 혼용해서 사용x

 

chrome 확장프로그램 설치

vue 디버깅

 

vs code 확장프로그램

ESLint

Vetur

TypeScript Importer

TypeScript Hero

Nuxt TypeScript Snippets

 

Nuxt.js 란? 개념과 예제 (SSR, CSR, Universal, asyncData, fetch...)

이곳에 정리가 잘 되어있다.