Quasar framework что это

Обновлено: 05.07.2024

Квазар рамки (обычно называемый Quasar , выраженный / к ш eɪ . Г ɑːr / ) является открытым исходным кодом Vue.JS на основе платформа для создания приложений, с одной кодовой базы, и развернуть его на веб - сайте в качестве SPA , PWA , SSR, в мобильное приложение, используя Cordova для iOS и Android , и в настольное приложение, используя Electron для Mac , Windows и Linux .

Quasar Framework был создан Разваном Стоэнеску и поддерживается им и остальными активными членами основной команды, которые работают в различных компаниях, таких как Lenovo , IntelliView Technologies Inc. и AG Development Services.

СОДЕРЖАНИЕ

Обзор

Quasar Framework Девиз Quasar: Создавайте высокопроизводительные пользовательские интерфейсы VueJS в рекордно короткие сроки. Это возможно, потому что вам нужно написать только один авторитетный источник кода для всех платформ: адаптивные настольные / мобильные веб-сайты ( переход на SPA , SSR + SPA-клиент, SSR + PWA-клиент), PWA (прогрессивные веб-приложения), мобильные приложения (которые look native) и многоплатформенные настольные приложения (через Electron ), а также расширения для браузера .

В Quasar есть компонент почти для каждой потребности в веб-разработке. Quasar разработан с учетом производительности и отзывчивости, поэтому накладные расходы на использование Quasar едва заметны.

История

Quasar Framework был создан Рэзваном Стоэнеску после работы в IBM и Lenovo с использованием постоянно новых и различных программных инструментов для создания всех отдельных типов приложений для iOS, приложений для Android, веб-приложений, веб-сайтов, приложений Windows Desktop, приложений Apple Desktop и PWA. Позже он резюмировал свой мыслительный процесс: «Я жаждал единой структуры, которая устраняла бы всю сложность и создавала бы все эти разные виды приложений… из ЕДИНСТВЕННОЙ кодовой базы. Не имея возможности найти такой мифический инструмент, я решил создать его».

Первая фиксация исходного кода проекта была датирована 2015 годом, а стабильный выпуск Quasar 1.0 был выпущен в июле 2019 года. Первая конференция Quasar состоялась в июле 2020 года. Quasar v2 (с Vue.js 3) стал стабильным в версии 2.0.0 в Июнь 2021 г.

Функции

Составные части

Приложения Quasar создаются с использованием системы однофайловых компонентов Vue и * .vue, которые содержат несколько разделов: шаблон (HTML), скрипт (Javascript) и стиль (CSS / Stylus / SASS / SCSS / Less) - все в одном файле. Приведенный ниже фрагмент кода содержит пример компонента Quasar. Компонент связывает свойства в боковом ящике:

Экосистема

Основная библиотека поставляется с инструментами и библиотеками, разработанными как основной командой, так и участниками.

Официальный инструментарий

  • Quasar CLI - глобальная часть CLI, необходимая для создания приложений посредством разработки и среды сборки для разработки и распространения приложений между устройствами и платформой.
  • Quasar App - локальная часть CLI, которая влечет за собой среды разработки и сборки. Интерфейс командной строки обеспечивает чрезвычайно быструю разработку через сервер разработки, что позволяет вам видеть изменения в реальном времени. Используя системы сборки интерфейса командной строки, вы можете взять свой единый проект и построить его на нескольких платформах и средах, которые поддерживает Quasar (например, Web, PWA , Web + SSR, PWA + SSR, Cordova , Capacitor, Electron , расширения браузера и т. Д. .).
  • Quasar UI - библиотека компонентов в Quasar, с протестированными в боевых условиях высокопроизводительными компонентами, а также многочисленными директивами, вспомогательными утилитами, плагинами и многим другим.

Смотрите также

Источники

Эта статья включает текст из бесплатного контента . Под лицензией MIT License License / разрешения на Wikimedia Commons . Текст взят из Quasar Framework Guide , Quasar Framework, Чтобы узнать, как добавить открытый текст лицензии в статьи Википедии, см. Эту страницу с практическими рекомендациями . Информацию о повторном использовании текста из Википедии см. В условиях использования .

Автор материала, перевод которого мы публикуем сегодня, занимается работой над фреймворком Quasar. Это — полнофункциональный расширяемый опенсорсный инструмент для разработки современных приложений различного назначения. Он построен на базе популярного фронтенд-фреймворка Vue.js и использует возможности Node.js, Webpack и Babel. Совсем недавно, в начале июля сего года, вышел первый стабильный релиз Quasar.


Предыстория

Прежде чем я приступлю к разговору о возможностях Quasar, мне хотелось бы в двух словах рассказать об истории возникновения этого фреймворка.

Несколько лет назад я, как, полагаю, многие из тех, кто это читает, работал в корпоративной среде. В определённый момент я устал от всего того, что сопровождает такую работу.

Мне не давали покоя неприятности, вызванные конфликтующими корпоративными инструментами. Мне надоело сражаться с несовместимостями, возникающими при их взаимодействии. Мне страшно хотелось вести простую жизнь, в которой я мог бы задействовать свои знания в области программирования и создать что-то значащее, что-то приносящее внутреннее удовлетворение. Что-то такое, что способно сделать мир лучше.

В 2015 году я использовал массу инструментов для создания проектов различных типов. Это были приложения для iOS и для Android. Это были веб-приложения, веб-сайты и PWA, настольные приложения для Windows и для macOS.

Каждая разновидность приложений требует уникального набора инструментов. Эти инструменты используются для проектирования интерфейсов, для написания кода, для подготовки проектов к публикации. Я видел эту реальность, но не мог избавиться от мечты об одном универсальном инструменте, способном заменить все остальные.

Я хотел найти некий единственный фреймворк, который позволил бы разрешить все сложности разработки приложений для разных платформ. Такой, с помощью которого можно было бы создавать разные виды приложений, которые основывались бы на единой кодовой базе.
Я не смог найти подобного фантастического инструмента и решил создать его своими силами.

Это была колоссальная по своим масштабам задача. Я начинал работу с нуля и понимал, что мне нужна основа в виде мощного базового фреймворка, возможности которого могут быть расширены и улучшены для создания той универсальной системы, которую я нарисовал в своём воображении.

В это время получил известность Vue.js. После того, как я исследовал структуру этого фреймворка, узнал о том, как создавать на его основе приложения, как расширять его возможности, я решил, что он станет отличной основой для того нового фреймворка, который я планировал создать. Это, кроме прочего, означало и серьёзную экономию времени на разработку.

Именно тогда и родился фреймворк Quasar.

В чём суть Quasar?

Все эти компоненты основаны на Vue.js. Благодаря этому работа с ними покажется совершенно знакомой всем Vue-разработчикам, которые, совершенствуя свои проекты, ищут простую и расширяемую систему компонентов.

В только что вышедшей первой версии Quasar имеется 123 компонента. Это число постоянно растёт благодаря имеющимся в нём стандартным инструментам для создания пользовательских компонентов.

Quasar, кроме того, имеет встроенную систему создания продакшн-версий приложений. Работает это всё из командной строки.

После установки одной глобальной зависимости и создания проекта, для сборки приложений, нацеленных на поддерживаемые Quasar платформы, нужна буквально одна строчка кода. При этом приложения для iOS, Android, Windows, macOS, Linux, а также веб-приложения, создаются на основе единой кодовой базы.

Собственно говоря — вот команда, о которой идёт речь:


При работе с Quasar можно забыть о сложностях, связанных с Webpack и Babel, об алгоритме tree-shaking и о других способах оптимизации бандлов. Все эти вопросы автоматически решаются внутренними средствами фреймворка. При этом у того, кто использует Quasar, есть возможность вмешаться в работу его механизмов и настроить всё именно так, как ему нужно.

Доступ ко всем этим мощным возможностям оформлен с прицелом на упрощение и ускорение процесса разработки приложений с использованием Quasar.

Путь к первой версии Quasar

В ранние версии Quasar, после их выпуска, приходилось вносить много изменений. Часто это были изменения, ломающие совместимость. Это, уверен, не нравилось многим из первых пользователей фреймворка. Но это — необходимое зло, «болезнь роста», возникающая из-за итеративной природы разработки Quasar.

Версии с 0.13 и вплоть до 0.17 использовались для улучшения фреймворка. Начиная с версии 0.17 Quasar наконец обзавёлся подходящей структурой. Она помогла сформировать стабильную основу, способствующую росту и расширению фреймворка. При этом данная структура позволяла обходиться в будущем без глубоких изменений, влияющих на совместимость.

В этот момент мы приняли решение заморозить разработку и провести полный рефакторинг проекта для того, чтобы организовать и оптимизировать то, что уже было создано.

Обратите внимание на то, что выше я сказал «мы». Сделал я так из-за того, что к тому моменту я уже вполне осознал масштабность проекта и понял, что создать его в одиночку не смогу. В результате я приступил к формированию команды программистов для того, чтобы заниматься разработкой Quasar вместе с ними.

Сначала ко мне присоединился один программист. Потом — второй, третий. Так происходило до тех пор, пока в основной команде не оказалось 8 программистов. Сейчас в нашей команде столько же специалистов, сколько было после того, как она сформировалась. Это — опытные разработчики, они дополняют друг друга в плане имеющихся у них знаний и навыков.

Основную команду поддерживают добровольцы, которые занимаются поддержкой пользователей, документацией, работой со СМИ и прочими подобными делами. Кроме того, вокруг Quasar сложилось активное сообщество разработчиков. Члены этого сообщества обмениваются опытом, который помогает им всем профессионально расти. Всё это видится мне чем-то вроде «большой семьи» — группы людей, собранных вокруг общей цели и помогающих друг другу достигать новых горизонтов.

В частности, наш Discord-чат представляет собой оживлённое место, разговоры в котором, как кажется, не прекращаются никогда. Тут говорят о самых разных вещах. Например, разработчики охотно делятся советами по работе с системой.

Quasar 1.0 представляет собой проект, потребовавший от членов основной команды и добровольцев огромных затрат времени. С того момента, как мы решили заморозить ветку разработки одной из ранних версий, на работу над Quasar было затрачено более 4000 человеко-часов.

Кроме того, сообщество пользователей Quasar принимало активное участие в улучшении кода проекта. Этот процесс шёл в течение 5 месяцев. Сначала вышла открытая бета-версия продукта, потом вышел релиз-кандидат. Всё это дало нам возможность выпустить первую версию фреймворка, которая уже, так сказать, проверена в бою.

Выпуск Quasar v1 Stable — это важная веха на пути проекта. Но это — лишь первый шаг, лишь база для тех замечательных вещей, которые мы хотим реализовать в будущем.

Этот релиз был создан с учётом гибкости и расширяемости решения. Но у нас уже есть большая схема развития проекта, на которой видно направление будущего движения Quasar. В частности, в будущих версиях фреймворка появится несколько новых целевых платформ, под которые можно будет собирать проекты. Например — это Browser Extensions, Webview и Capacitor.

Переработка фреймворка потребовала упорядочения его основных внутренних систем и процессов. Это — то, что даст Quasar возможность расти в ближайшие годы и при этом оставаться актуальным. Это означает и то, что в его код, по мере его развития, не придётся вносить изменений, нарушающих совместимость.

Итак, предположим, вы — Vue-разработчик (или разработчик, который пользуется чем-то другим). При этом вы хотите следующего:

  • Упорядочить работу с компонентами.
  • Упростить процесс сборки приложений.
  • Создавать приложения для всех основных платформ.

Итоги

Этот материал лишь очень кратко описывает возможности фреймворка Quasar. Его автор говорит, что планирует написать ещё несколько статей, посвящённых техническим особенностям фреймворка.

Создаем web-приложение и мобильное приложение из одного исходного кода.


Несколько дней назад я был занят поиском фреймворка под библиотеку Vue.js. Такого фреймворка, на котором можно было бы создавать универсальный код — как для веб-приложения, так и для мобильного приложения (под iOS и под Android-устройства одновременно).

Моей основной целью было свести к минимуму время для написания кода приложения, которое одинаково хорошо работало бы на мобильных устройствах и в браузерах.

Я просмотрел множество ресурсов с описанием профессиональных инструментов подобного рода. Во многих источниках на первом месте фигурировал фреймворк Weex.

Однако мое внимание привлек другой фреймворк — Quasar Framework, возможности которого мне показались много большими, нежели у Weex.

Вот почему я решил пожертвовать время на написание статьи о Quasar Framework. Целью данного обзора является создание приложения, которое могло бы одинаково работать на различных устройствах.
Мне было интересно посмотреть, как приложение, собранное из одного исходного кода, будет работать в качестве мобильного приложения как под iOS, так и под Android.

Вопрос — почему Cordova работает под Quasar Framework без каких-либо проблем? Секрет заключается в отлично написанной оболочке фреймворка Quasar Framework. Данная оболочка отвечает за генерирование Cordova-приложения из исходных файлов проекта Quasar Framework.

Ниже представлен пример готового приложения, которое одинаково работает как в обычном веб-браузере, так и под Android-устройством и iOS-устройством:


Quasar Framework — создание веб-приложения

Для начала давайте создадим обычное веб-приложение на Vue.js, используя Quasar Framework.

Данный фреймворк имеет в своем составе консольную утилиту quasar-cli для быстрого развертывания проекта на Quasar Framework.

Чтобы воспользоваться этой утилитой, ее необходимо первоначально установить (глобально) как обычный npm-пакет:

Теперь можно развернуть новый проект на Quasar Framework под именем my-project:

Затем переходим в директорию проекта и устанавливаем все зависимости из файла package.json:

Примерный вид сгенерированного проекта представлен ниже:


Quasar Framework поддерживает два режима работы.

Debug mode — режим отладки Vue-приложения с поддержкой hot reload. Для запуска проекта в этом режиме нужно указать ключ dev в консольной утилите quasar.

Помимо этого, Quasar Framework поддерживает две темы оформления для создаваемого приложения — тема оформления Material Design и тема оформления iOS.

Для запуска проекта в режиме отладки с поддержкой Material Design запускаем команду:

… что одинаково по результату. Команда quasar dev является сокращением команды quasar dev mat.

Для запуска проекта в режиме отладки с поддержкой темы оформления iOS нужна команда:

Вид проекта в браузере в момент первоначальной инициализации:


Release mode — режим сборки приложения. В этом режиме в папку /dist производится генерация готового кода приложения. Фреймворк оптимизирует код приложения и соединяет все части в единое целое. Производится минификация кода, проверка вендорных префиксов, очистка кэша браузера и многие другие вещи.

Команда для запуска сборки готового приложения:

Также можно запустить сборку приложения с указанием определенной темы оформления:

В соответствии с официальной документацией фреймворка Quasar Framework, можно локально запускать сервер статических файлов прямо из директории.
При этом в браузере будут автоматически отображаться все изменения в текущем проекте.

Для запуска в этом режиме нужно выполнить команду:

Можно также запустить команду с указанием относительного или абсолютного пути (три варианта на выбор — результат одинаковый получится):

Quasar Play App

При разработке проекта на Quasar Framework можно воспользоваться мобильным приложением Quasar Play. Цель создания этого приложения — возможность тестирования проекта непосредственно на мобильном устройстве.

Приложение создано под Android и доступно для установки с Google Play. Преимущество использования Quasar Play заключается в том, что можно тестировать создаваемое приложение на “настоящем” устройстве.

Для запуска проекта с возможностью тестирования в Quasar Play нужно ввести команду:


После установки приложения Quasar Play на мобильном устройстве нужно его запустить. Затем сканировать QR-код, который сгенерируется в терминале командой quasar dev (см. скриншот выше).

Тем самым приложение Quasar Play получает ссылку на запущенный сервер проекта. Результатом является отображение разрабатываемого приложения прямо на физическом Android-устройстве.

Можно ввести ссылку на работающий сервер проекта вручную, но это не так удобно.

Создание приложения под iOS и Android

В данном разделе необходимо акцентировать внимание на наиболее важных моментах разработки приложения под Android и iOS.

Предполагается, что пакеты приложений Android Studio и Xcode уже установлены и правильным образом настроены на локальной машине, на которой производится разработка приложения.

За более подробной информацией можно обратиться на страницу официальной документации Quasar Framework — Cordova App Wrapper.

Для генерирования мобильной версии текущего приложения используется платформа Cordova Platform. Первоначально ее необходимо установить глобально (ключ -g) на локальной машине с помощью менеджера пакетов npm:

Затем при помощи команды:

… из текущего Quasar-проекта создается Cordova-приложение.

В дополнение к платформе Cordova крайне рекомендуется установить в проекте плагин Crosswalk WebView Cordova.

Цель данного плагина — предотвращение возможных проблем, связанных с ошибками поведения более старых версий Android-платформ.

Для установки плагина нужно перейти в директорию cordova текущего проекта:

… и установить плагин cordova-plugin-crosswalk-webview командой:

Сегодня мы публикуем первый стабильный релиз Quasar: полнофункциональный и расширяемый фреймворк с открытым исходным кодом, основанный на очень популярном VueJS, который использует возможности Node, Webpack и Babel.

Однако, прежде чем я углублюсь в детали, позвольте мне немного вернуться и рассказать вам свою историю.

Еще в 2015 году я постоянно использовал новые и разные программные инструменты для создания различных типов проектов, которые стали необходимыми в нашем современном мире: приложения для iOS, приложения для Android, веб-приложения, веб-сайты, приложения для Windows, приложения для Apple, PWA …

Для каждого отдельного варианта приложения требовалось определенная и уникальная группа инструментов для проектирования, разработки и сборки, но я все еще мечтал об одном инструменте, который заменит их всех …

Я мечтал о такой платформе, которая убрала бы всю сложность и на которой можно было бы создавать все эти различные приложения… из ЕДИНОЙ кодовой базы.

Не найдя такого мифического инструмента, я решил создать его.

Это было гигантское начинание. Начиная с нуля, я знал, что мне нужно основывать его на мощной базовой структуре, которую можно легко расширить и усовершенствовать для создания всеобъемлющей системы, которую я планировал…

Примерно в это же время VueJS стал известен. Изучив его структуру, путь разработки и расширяемость, я решил, что он станет идеальной основой для новой структуры, которую я планировал создать … и сэкономит огромное количество времени в течение цикла разработки.

Это был именно тот момент, когда появился Quasar Framework.

Все эти компоненты основаны на VueJS… что делает их использование полностью знакомым всем разработчикам Vue, которые ищут простую и расширяемую систему компонентов для расширения своих проектов.

Начиная с сегодняшнего релиза версии 1, Quasar включает 123 компонента… и это число постоянно увеличивается из-за встроенной системы создания пользовательских компонентов…

Quasar также предоставляет систему сборки, необходимую для создания готовых приложений…

Версии 0,13, 0,14, 0,15, 0,16 до 0,17 использовались для уточнения структуры, а в версии 0,17 наконец-то появилась подходящая структура, которая могла бы сформировать устойчивую основу, которая могла бы расти и расширяться без необходимости будущих значительных изменений.

Итак, мы приняли решение заморозить разработку и провести полный рефакторинг, чтобы организовать и оптимизировать то, что мы создали.

Заметьте, я говорю «мы»… потому что к тому времени я понял, что это за грандиозное начинание… и понял, что его невозможно достичь в одиночку, поэтому я начал набирать основную команду для совместного управления разработкой.

Сначала присоединился один разработчик … потом второй … и третий … пока мы не достигли нынешнего уровня в восемь человек в основной команде разработчиков. Каждый опытный разработчик с определенными наборами навыков, дополняющими другие.

Их поддерживает дополнительный уровень добровольцев, которые занимаются поддержкой клиентов, документацией, средствами массовой информации и т. д. …

А также есть активное сообщество дружественных разработчиков … которые готовы поделиться своими знаниями и советами, чтобы помочь другим расти и развиваться вместе.

Версия 1 стала масштабной разработкой … значительным вложением времени и усилий команды и всех замечательных разработчиков открытого ПО.

С момента нашего решения заморозить разработку ветви версии 0. *… более 4000 часов разработки было потрачено на производство и переписывание Quasar.

Кроме того, наше гипер-заинтересованное пользовательское сообщество активно участвовало в совершенствовании кода в течение 5-месячной открытой бета-версии и процесса подготовки кандидатов… чтобы мы могли опубликовать проверенную в бою версию…

Сегодняшний выпуск Quasar v1 Stable является важной вехой в истории Quasar … и является только ступенькой к чему то большему, что мы запланировали на будущее … Так же у нас есть дорожная карта, которая включает в себя несколько основных новых целей, таких как Browser Extensions, Webview и Capacitor.

Последний рефакторинг потребовал внедрения систем и процессов, которые позволили бы Quasar развиваться и оставаться актуальными на долгие годы … без необходимости вносить существенные изменения в будущем …

Итак, если вы разработчик Vue (или даже не разработчик Vue), и хотите:

  • систему с оптимизированным использованием компонентов
  • систему супрощенным процессом сборки и комплектации
  • создавать приложения для ЛЮБОГО типа операционной системы

В этой статье только поверхностно рассмотрены возможности Quasar Framework.

Есть много особенностей и важных аспектов, о которых я не успел упомянуть здесь, поэтому в течение следующих нескольких недель я собираюсь выпустить серию статей, подробно описывающих отдельные функции и концепции Quasar Framework… .

В то же время у нас есть активное и дружелюбное сообщество как в нашей Forum, так и в группе Discord, чтобы приветствовать вас с распростертыми объятиями…

Есть подробная документация и примеры, чтобы вам начать использовать Quasar …

Огромный набор качественных компонентов, готовых для внедрения в ваши существующие или новые проекты уже сегодня…

Отличный способ поделиться своим кодом, например, предварительно настроенный CodeSandbox, jsFiddle или Codepen…

И простой в использовании процесс сборки, и полностью настраиваемый (хотя в 99% случаев вам даже не нужно его трогать)… который следует всем последним и лучшим веб-практикам…

Начните работу с создания SPA, PWA, SSR, мобильным приложением или десктоп приложением за 30 секунд … (да, это очень просто!)

Так что не стесняйтесь, попробуйте Quasar … присоединитесь к нашей семье … воспользуйтесь поддержкой нашей команды и сообщества энтузиастов и дружелюбных разработчиков, которые используют Quasar каждый день …

В последние годы мы наблюдаем распространение инструментов и сред JavaScript, таких как Angular и React . Я помню, когда я купил книгу о Grunt.js : ее уже забрасывали разработчики, которые начали использовать другие инструменты, такие как Gulp , «система потоковой сборки». Но любой, кто запрыгнул на этот поезд, вероятно, снова переключился бы очень быстро, потому что появился веб-пакет и заменил их всех.

Но среди фреймворков JavaScript в последние годы наблюдается особенно быстрый рост: Vue.js. Он был настолько популярен, что его темп роста стал взрывоопасным по сравнению с другими в этом пространстве.

Vue стал одним из основных претендентов благодаря своей мягкой кривой обучения. Это прекрасно подходит для постепенной реализации. Он имеет модульную компонентную архитектуру. И это имеет широкое использование и развитую экосистему инструментов. Если вы заинтересованы в начале работы с Vue, вы можете обратиться к нашей книге Jump Start Vue.js, чтобы начать переход к использованию Vue в своих проектах.

Vue Инструменты, Терминология и Пейзаж

Как и в случае с большинством технологий, которые нужно осваивать, освоение Vue включает в себя знакомство с терминами и концепциями, а также освоение экосистемы инструментов и строительных блоков.

Vue Router является неотъемлемой частью всех одностраничных приложений Vue. Он обеспечивает управление навигацией, вложенную маршрутизацию, отображение маршрута и многие другие функции.

Vue devtools может облегчить жизнь разработчикам. Это поможет вам отслеживать компоненты, состояние и события в наших приложениях. Вы можете найти больше об этом инструменте в Главе 2 нашей книги, посвященной инструментам Vue.

Компонент Vue Cli Plugin , автор David Desmaisons, помогает в разработке компонентов, которые будут опубликованы на npm .

Если вы хотите глубоко погрузиться в эти и другие инструменты Vue.js, я рекомендую вам взглянуть на Vue.js: Инструменты и навыки .

Awesome Vue также отличный ресурс. Это всесторонний, категоризированный, актуальный сбор / репо всех частей экосистемы Vue и ресурсов Vue.js.

Quasar, фреймворк Vue, который мы здесь освещаем, также имеет Awesome Quasar , отличную страницу репо со множеством полезных ресурсов.

квазар

Если вы хотите узнать больше, я рекомендую взглянуть на « Пять библиотек пользовательского интерфейса Vue для вашего следующего проекта », которые являются главой 3 Vue.js: Инструменты и навыки . Одним из серьезных претендентов в этой области, который мы не рассмотрели, является Vuetify , фреймворк для компонентов дизайна материалов с довольно большим количеством последователей . Еще один квазар .

Это простой в использовании, но мощный набор пользовательского интерфейса с лицензией MIT, который дополняет Vue.js, предоставляя полнофункциональный набор инструментов для создания отзывчивых интерфейсных приложений без необходимости слишком углубляться в леса и конфигурацию.

Как мы видим из документов Quasar , он поставляется с множеством компонентов пользовательского интерфейса, а также с элементами макета и помощниками.

Это дает нам три способа загрузить наше приложение:

  • UMD / Standalone позволяет начать с малого, включая скрипты и стили, которые нам нужны из CDN. Этот метод не зависит от VUE CLI или создания активов.
  • Quasar CLI претендует на звание «гордости платформы Quasar» и является рекомендуемым способом создания приложений Quasar. Может использоваться для сборки:
    • SPA (одностраничные приложения / веб-сайты)
    • SSR (серверные приложения / веб-сайты)
    • PWA (прогрессивные веб-приложения)
    • мобильные приложения (через Кордову)
    • Электронные приложения

    Мы будем следовать рекомендациям команды Quasar и использовать Quasar CLI.

    Начальная загрузка приложения Quasar с помощью Quasar CLI

    Перед установкой Quasar CLI мы должны убедиться, что у нас есть правильные версии узлов (> = 8 на момент написания) и npm (> = 5). Если нет, нам нужно либо установить, либо обновить его. Затем мы можем установить Quasar CLI:

    Теперь мы можем использовать его для начальной загрузки наших проектов. Quasar имеет подробную документацию по Quasar CLI . Мы просмотрим и обсудим наиболее важные части.

    Мы используем quasar create для создания квазар-проекта.

    Затем нам предоставляется список вариантов проекта, который мы хотим загрузить.

    Читайте также: