Ответ
Для создания приложения на Vue 3 я бы добавил следующие библиотеки:
- Pinia – замена Vuex, более легковесный и удобный стейт-менеджер.
- Vue Router – для маршрутизации в SPA.
- Axios – для HTTP-запросов (альтернатива –
fetch). - VeeValidate – валидация форм с поддержкой Composition API.
- Vitest (если используется Vite) – тестирование.
Пример установки:
npm install pinia vue-router axios vee-validate @vee-validate/rules vitest --save-devДля UI можно добавить PrimeVue, Element Plus или Quasar, если нужны готовые компоненты. Для анимаций – GSAP или Motion One.
Ответ 18+ 🔞
Смотри, ну вот ты собрался на Vue 3 приложение делать, и сразу вопрос — а что туда воткнуть, чтобы не изобретать велосипед с квадратными колёсами? Я тебе сейчас накидаю, без этой вашей заумной документации, что реально нужно.
Первым делом, забудь про Vuex, он уже как дед на лавочке — вроде и уважаемый, но уже не тот. Бери Pinia. Это стейт-менеджер, который не заставит тебя писать тонны boilerplate-кода, чтобы просто сохранить какую-нибудь переменную. Легковесный, удобный, в рот меня чих-пых, просто красота.
Дальше, без маршрутизации никуда. Vue Router — стандарт де-факто. Хочешь делать SPA, где страницы меняются без перезагрузки? Вот тебе инструмент. Ставится и настраивается за пять минут, если, конечно, не усложнять.
Теперь про запросы к серверу. Можно, конечно, родной fetch юзать, но он иногда ведёт себя как упрямый осёл. Поэтому многие берут Axios. Интерцепторы, отмена запросов, конфиги по умолчанию — всё из коробки. Удобно, ёпта.
Формы! О, это отдельная песня, точнее, трагедия. Чтобы не валидировать каждое поле вручную и не писать тонны условий, возьми VeeValidate. Поддержка Composition API есть, правила валидации можно свои писать или стандартные брать. Спасёт кучу нервных клеток.
Ну и как же без тестов? Если проект на Vite (а он скорее всего на нём), то Vitest — идеальный вариант. Быстрый, совместимый с API Jest, отлично интегрируется. Ставится как dev-зависимость, чтобы в продакшн не тащить.
Вот команда, чтобы всё это добро разом установить:
npm install pinia vue-router axios vee-validate @vee-validate/rules vitest --save-devА теперь, смотри, если тебе лень самому кнопки-поля-таблицы рисовать, есть целые UI-фреймворки. PrimeVue, Element Plus или Quasar — выбирай на вкус. В них уже всё готово, от модалок до сложных гридов.
Ну и для движухи, если нужны сложные анимации не на CSS, а с логикой, глянь в сторону GSAP или Motion One. Первый — монстр, который может всё, второй — полегче и современнее.
Вот такой, блядь, базовый набор, чтобы не начинать каждый проект с пустого листа и не чувствовать себя потом полным мудаком, когда сроки горят.