Установка и настройка Nuxt.js проекта
Установите Node.js
Убедитесь, что на вашем компьютере установлен Node.js. Вы можете скачать последнюю версию с официального сайта Node.js.
Установите интерфейс командной строки Vue.
Откройте Terminal или Command Prompt и выполните следующую команду, чтобы установить Vue CLI(если он еще не установлен):
npm install -g vue-cli
Создать Nuxt.js проект
В папке Terminal перейдите в каталог, в котором вы хотите создать проект, и выполните следующую команду, чтобы создать проект Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Конфигурация проекта
Следуйте инструкциям в файле Terminal для настройки проекта. Вы можете выбрать различные варианты для своего проекта, такие как использование ESLint, установка Axios и т. д.
Создание первой страницы и отображение основного контента:
Открыть каталог проекта
Откройте свой Terminal и перейдите в каталог проекта с помощью команды cd my-nuxt-project(или выбранного вами имени папки).
Создать новую страницу
Используйте Vue CLI для создания новой страницы с помощью следующей команды:
npx vue-cli-service generate page mypage
Изменить новую страницу
Откройте mypage.vue файл в pages каталоге и отредактируйте содержимое страницы. Вы можете добавлять компоненты HTML, Vue и данные.
Показать страницу
В layouts/default.vue файле вы можете использовать <nuxt/> тег для отображения содержимого страницы.
Запустить проект
В Terminal, выполните следующую команду, чтобы запустить проект и просмотреть свою страницу в браузере:
npm run dev
Теперь у вас есть первая страница в Nuxt.js проекте и вы можете настроить контент по своему усмотрению.