Nuxt.js 사용법

다음과 같은 화면을 표시할 때까지의 방법입니다.


설치
sudo npm install -g vue-cli
sudo npm install -g @vue/cli-init

만들기
mkdir sample04
cd sample04
mkdir sample04/pages

package.json

  "name": "sample02",
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "generate": "nuxt generate",
    "start": "nuxt start"
  }
}

pages/index.vue
<template>
<blockquote>
<h1>Hello World!</h1>
<h2>こんにちは。</h2>
<blockquote>
        sample04
</blockquote>
<blockquote>
        Dec/19/2020 AM 10:00
</blockquote>
</blockquote>
</template>

nuxt 설치
yarn add nuxt

시작
yarn dev

브라우저에서
http://localhost:3000/
방문

다음 버전에서 확인했습니다.
$ yarn --version
1.22.17

좋은 웹페이지 즐겨찾기