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 поведение скрипта отличается.

   Важно!!! При инициализации проекта не загружаются зависимости. После установки необходимо выполнить команду npm install

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

---

Задание

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

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

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

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