RKIS/articles/web_09.md

К содержанию

Введение во Vue

1. Vue 3: Введение

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

   Для новых проектов теперь рекомендуется использовать create-view для создания проектов на основе Vite.

   Для работы с проектами на Vue необходим NPM (англ. Node Package Manager) — менеджер пакетов, входящий в состав Node.js.

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

   npm init vite@latest
   

   Процесс инициализации проекта интерактивный. Установщик предлагает ввести название проекта и выбрать нужные пакеты (практически все можно оставить по-умолчанию):

   • Project name: - название проекта (по-умолчанию предлагает vue-project - можете оставить его)
   • Add TypeScript? - оставляем No
   • Add JSX Support?
   • Add Vue Router...
   • Add Pinia...
   • Add Vitest...
   • Add Ent-to-End Testing Solution
   • Add ESLint - меняем на Yes
   • Add Prettier - меняем на Yes

   После инициализации проекта в текущем каталоге появится папка с именем проекта, который вы ввели

   Пример выше был расписан под Linux, но, как оказалось, под Windows поведение скрипта отличается.

3. Продолжаем изучать JavaScript

---

Задание

1. Перечитать и осмыслить Vue 3: Введение

2. Создать проект на Vue, изучить структуру, запустить и "поиграться" с вёрсткой и кодом

3. Перечитать и осмыслить первую часть Учебника до раздела "Промисы: async/await"

Назад | Дальше