Quasar Framework (обычно называемый Quasar ; произносится /ˈkweɪ.zɑːr/ [ 4 ] ) — это основанный на Vue.js фреймворк с открытым исходным кодом для создания приложений с единой кодовой базой . Его можно развернуть в Интернете как SPA , PWA , SSR , в мобильном приложении с помощью Cordova для iOS и Android и в настольном приложении с помощью Electron для Mac , Windows и Linux . [5] [4] Quasar был создан Разваном Стоенеску и поддерживается небольшой командой разработчиков ( также известной как «основная команда») и контрибьюторов. Большинство из основной команды в настоящее время работают в различных компаниях, таких как Lenovo , IntelliView Technologies Inc. и AG Development Services. [6]
Quasar фокусируется на быстром создании пользовательских интерфейсов VueJS . Пользователю нужно написать только один авторитетный источник кода для всех платформ : адаптивные настольные/мобильные веб-сайты ( SPA , SSR + SPA client takeover, SSR + PWA client takeover), PWA ( Progressive Web Apps ), мобильные приложения (которые выглядят как нативные) и многоплатформенные настольные приложения (через Electron ), а также расширения браузера . [4]
Quasar разработан с учетом производительности, отзывчивости и совместимости. [4]
Quasar был создан Разваном Стоенеску после работы в IBM и Lenovo, где он постоянно использовал новые и разные программные инструменты для создания всех отдельных типов приложений iOS, приложений Android, веб-приложений, приложений Windows Desktop, приложений Apple Desktop и PWA. Позже он подытожил свой мыслительный процесс: «Я жаждал единой структуры, которая бы устранила всю сложность и производила все эти разные разновидности приложений… из ОДНОЙ кодовой базы. Не имея возможности найти такой мифический инструмент, я решил создать его». [1] [4]
Первая передача исходного кода в проект датирована 2015 годом, а релиз Quasar stable 1.0 состоялся в июле 2019 года. Первая конференция Quasar состоялась в июле 2020 года. [7] Quasar v2 (с Vue.js 3) стал стабильным в релизе 2.0.0 в июне 2021 года.
Приложения Quasar создаются с использованием Vue Single File Components и Quasar Components. Компоненты Vue Single File содержат несколько разделов: шаблон (HTML), скрипт (Javascript) и стиль (CSS/Stylus/SASS/SCSS/Less) — все в одном файле. [8] Фрагмент кода ниже содержит пример структуры компонента Vue Single File:
< шаблон > <!-- здесь вы определяете свой шаблон Vue --></ шаблон >< настройка скрипта >// Здесь находится ваш Javascript// чтобы определить ваш компонент Vue, который// может быть макетом, страницей или вашим собственным// компонент, используемый во всем приложении.</ скрипт >< стиль >/* Здесь находится ваш CSS */</ стиль >
Компоненты Quasar — это HTML-теги, которые начинаются с q
и ссылаются на /quasar.config
файл.
Основная библиотека содержит инструменты и библиотеки, разработанные как основной командой, так и участниками.
Quasar Framework состоит из нескольких ключевых компонентов:
В этой статье используется текст из свободного контента . Лицензия MIT (лицензионное заявление/разрешение). Текст взят из Quasar Framework Guide, Quasar Framework.