Создание минимального проекта Nuxt 3

Введение

Nuxt - это фреймворк для универсальных приложений на Vue.js.

Создание проекта

1. Откройте терминал cmd в Visual Studio Code и создайте новый проект Nuxt 3.

npx nuxi init nuxt3-app

2. Откройте папку проекта в Visual Studio Code и установите зависимости.

yarn install

3. Создайте папку pages в корне проекта.
4. Внутри папки pages создайте файл index.vue следующего содержания.

<template>
  <div>
    <h1>Начальная страница</h1>
    <NuxtLink to="/about">Вторая страница</NuxtLink>
  </div>
</template>

5. Внутри папки pages создайте файл about.vue следующего содержания.

<template>
  <div>
    <h1>Вторая страница</h1>
  </div>
</template>

6. Измените содержимое файла app.vue на

<template>
  <div>
    <NuxtPage/>
  </div>
</template>

7. Готово! Запустите сервер для отладки нового проекта.

yarn dev