Введение во внешний фреймворк Quasar-Framework

внешний интерфейс Vue.js внешний фреймворк Открытый исходный код
Введение во внешний фреймворк Quasar-Framework
Quasar-Framework — это интерфейсная среда с открытым исходным кодом, разработанная на основе vue.js, которая может помочь веб-разработчикам быстро создавать следующие веб-сайты.

    Github

  1. Адаптивный сайт
  2. Прогрессивное приложение
  3. Мобильное приложение (через Cordova)
  4. Кроссплатформенное приложение (через Electron)

Quasar позволяет разработчикам публиковать на нескольких платформах веб-сайт, PWA, мобильное приложение и приложение Electron с помощью всего одной записи кода.При использовании Quasar вам даже не нужны Hammerjs, Momentjs или Bootstrap, платформа Quasar уже включает в себя то, что вы можете использовать. очень легко.


То, что я сказал ранее, неверно, перейти непосредственно к демо-версии - это королевский путь.

Material Theme Demo

iOS Theme Demo


Последняя версия Quasar — v0.15.x. По сравнению с серией v0.14.x это большое обновление. Оно упрощает создание гибридного приложения и имеет множество методов настройки по сравнению со старой версией. версия. Отличие. Старая версия больше похожа на vue-cli. В новой версии добавлены расширенные функции в виде плагинов, таких как axios и vue-i18n. На компонент также ссылаются по запросу, который можно настроить подробно в quasar.conf.js


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

Команда Quasar для создания приложения также очень проста

# run development server (with default theme)
$ quasar dev

# run development server with specific theme
$ quasar dev -t mat
$ quasar dev -t ios

# on specific port
$ quasar dev -p 9090

# PWA
$ quasar dev -m pwa

# Mobile App
$ quasar dev -m cordova -T [android|ios] -t [mat|ios]

# Electron App
$ quasar dev -m electron
# with iOS theme...
$ quasar dev -m electron -t ios

# build for production
$ quasar build

# build for production with specific theme
$ quasar build -t mat
$ quasar build -t ios

# PWA
$ quasar build -m pwa

# Mobile App
$ quasar build -m cordova -T [android|ios] -t [mat|ios]

# Electron App
$ quasar build -m electron
# with iOS theme...
$ quasar build -m electron -t ios

Следует отметить, что часто в компоненте при разработке присутствует атрибут color, который означает не что-то вроде кода цвета #fff, а официальную таблицу цветов, в которой есть соответствующий цвет.


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


Еще одно интересное место — это приложение Visibility, оно может определять, переключено ли приложение в фоновый режим.

В некоторых сценариях (веб-сокет) эта функция очень полезна.


А ещё автор очень усердно обновляет, и количество звёзд на гитхабе становится всё больше и больше.Сейчас 5000+.Если вы себя хорошо чувствуете, можете идти на звёзды.

(к автору отношения не имею, но чувствую, что хорошие вещи open source нуждаются в поддержке, а информацию об этом фреймворке вряд ли можно найти на наггетсах)


Другое дело, что у Квазара сейчас только англоязычные документы (я не знаю, считаются ли многоязычные документы), студенты, которые плохо владеют английским, могут только сильно кусаться.


Это «Введение» здесь, спасибо за просмотр ~~