vue created <'project-name'>
node js 설치 (v 16)
Vue cli 전역 설치 (cmd > npm install -g @vue/cli @vue/cli-init )
$ vue init nuxt-community/starter-template
cd
npm install
npm run dev
▲ 전역을 설치해두면 하단처럼 컴포넌트 에셋 스태틱 등의 폴더를 직접 만들지 않아도 됐다. 쿵...
mkdir <project_name>
cd <project_name>
// echo $null > package.json 파워셀에서는 이걸 사용
touch package.json
npm init --yes // ~~먼저 package.json 를 만들지 않아도 될 듯~~ **만들어야했다**
npm install nuxt
mkdir pages //폴더 생성
touch pages/index.vue // pages 폴더에 index.vue를 만든다. cd로 pages 폴더에 있으면 index.vue만 적어도 된다.
<template>
<h1>Hello world!</h1>
</template>
를 index.vue에 넣고...
npm run dev
http://localhost:3000 까지 뜨면 프로젝트 시작 성공이다.
시작까지 생각보다 시간이 많이 걸렸는데 node 버전이 16이어야했다.
> mkdir components assets static
touch nuxt.config.js
Nuxt 애플리케이션을 구축할 때 사용하는 기본 디렉토리와 파일이다.
Nuxt 는 파일 트리를 설정하지 않고 자기가 직접 애플리케이션 라우터를 만들어준다고 한다.