Как установить quasar framework
Год назад я мечтал сделать свое собственное мобильное приложение на iPhone, а учить Swift мне не хотелось. Так вышло, что Swift я учить начал, но дело продвигалось слишком медленно, ведь я давно не студент и работы на основном месте завались, что-то учить с запоем уже не выходит.
И тут я натыкаюсь на Quasar, инструмент с MIT лицензией, с помощью которого можно создавать кроссплатформенные приложения под Android и iOS. Все что нужно знать программисту - это JavaScript и потрясающий реактивный фреймворк Vue.js.
Введение (или дисклеймер)
Это статья не универсальное пошаговое руководством по созданию мобильного приложения на JavaScript. Я просто хочу познакомить вас бесплатно с прекрасным инструментом, постараюсь рассказать о проблемах, с которыми я столкнулся и каким путем их решал.
Если выполнить все команды и условия, описанные в этой статье, у вас получится собрать простое мобильное приложение. Правда, по пути вас поджидает куча непредвиденных проблем, связанных с настройкой виртуального окружения. Будьте готовы.
Перед началом.
Если вы хотите сделать приложение для Android, то вам понадобится установить на рабочий компьютер Android Studio, Java SDK 8, Gradle и настроить корректно все системные переменные ($path на Mac и Linux или “Системная переменная” на Windows).
Если вы хотите сделать приложение для iOS, понадобится Xcode и компьютер с операционной системой Apple.
Как видите, вам придется не один час потратить на установку и отладку своего виртуального окружения.
Зачем компьютер от Apple
Ограничение, которое наложило Apple на разработчиков. Без этого невозможно собрать приложение под iOS. Не хотите тратить деньги? Можете поставить хакинтош. И точка.
Если кто-то подумает что может это как-то можно обойти, забегу вперед и расстрою: нет. Пока никто не придумал, как собирать яблочные приложения не из-под Mac.
Знакомство c Quasar
Quasar - это фреймворк (для фреймворков, но об этом чуть позже). Сам он имеет набор собственных тегов, а весь JavaScript располагается во Vue компонентах.
Обратите внимание на скриншот выше: , , это теги Quasar, подробней в документации. Документация вся на английском, поэтому, если вы не можете читать на английском техническую информацию, лучше отложить знакомство с Quasar.
В остальном, это обычный Vue.js, и здесь нет ничего “необычного” кроме его собственных тегов и некоторых методов из документации. Все также вызываем корневой экземпляр Vue, в каждом модуле заполняем data и пишем методы. Все это дело собирается через webpack (dev server с hot reload в комплекте). Classic. Если вдруг не поняли мое последнее предложение, прочитайте статью про webpack по ссылке выше.
Ах да, в установочном пакете (об этом позже) из коробки есть поддержка scss и stylus (что просто божественно).
Резюмируя: если вы работали с Webpack и Vue, знаете как без проблем передавать данные между Vue компонентами, знакомы с , знакомы со store (vuex), знакомы с webpack переменными, у вас достаточно энергии и сил разбираться с грядущими проблемами сборки и есть желание копаться в Android Studio и Xcode - тогда проблем с разработкой не будет.
Как оно работает
Да тех, кому интересно как же JavaScript работает в мобильном устройстве. Все очень просто, ваше приложение - это браузер.
Quasar- это инструмент, который позволяет элегантно вписать ваш Vue.js код в программное обеспечение Cordova. А Cordova это уже сам браузер (образно), который запускает ваш JavaScript.
Также, Cordova содержит в себе ряд плагинов, которые через JavaScript (внутри браузера Cordova) позволяют обращаться к камере, push уведомлениям, геолокации, контактам, bluetooth и.т.д. Полный список поддерживаемых функций можно найти здесь.
Конечно, можно обойти Quasar и напрямую работать с Cordova. Возможно, у вас получится подружить Cordova с React. Хотя у последнего для мобильной разработки есть React Native.
Боже, да, я знаю людей, которые на JQuery писали программу и превращали ее в приложение через Cordova. Правда, результат их работы выглядел очень мерзко. Представьте реакцию пользователя, который нажимает на “каталог” в такой “программе” и вместо реактивного изменения компонента (беззагрузочной подстановки страницы) получает обычную загрузку страницы как в браузере.
Vue.js позволяет создавать шикарные SPA и PWA приложения, которые запускаются в браузере, но выглядят как натуральные мобильные и десктопные приложения! Блин, современные SPA и PWA почти ничем не отличаются от программ, лишь наличие браузера показывает пользователю, что он находится все еще на сайте. Quasar позволяет стереть эту грань.
Первые шаги
После установки Node.js идем на страницу установки Quasar. Отсюда берем команду:
npm install -g @quasar/cli
Если вы используете Mac OS или Lunix, добавьте команду sudo перед установкой пакетов.
Далее создаем Quasar проект командой:
Важно: название проекта должно быть написано единым словом, иначе при сборке все полетит к чертям. Рекомендую не запариваться и использовать Camel Case. Все равно название приложение можно будет потом поменять.
Далее вам зададут 8 вопросов.
- Заполните имя проекта (пишете как хотите).
- Заполните описание.
- Заполните автора приложения.
- CSS препроцессор выбирайте по вкусу.
- Если понимаете о чем речь, выбирайте сами. Если нет - включайте автоимпорт.
- Подключите дополнительные функции на выбор (я тут обычно отказываюсь от всего, хотя, думаю, вещи из этого списка типа Axios вам знакомы)
- Введите cordova id. Это будет что-то вроде уникального сертификата для сборки приложения в дальнейшем.
- Выбирайте NPM.
После установки проекта перейдите к нему в папку с помощью команды:
И запускайте проект с помощью команды:
После команды у вас откроется классический localhost сервер с hot reload. Предлагаю вам свернуть статью на это время и пошалить с вашим будущим приложением. Сделайте пару статических страниц, напишите маленькое приложение, например, to do list или калькулятор шашлыка. Я не знаю, просто творите.
Вопрос: особо технически грамотные могут спросить: «Макс, а вот пользователь вносит какие-то данные в программу, но после перезагрузки браузера данные же стираются (если их не сохранять в cookie или базу данных), здесь не будет так же (после перезагрузки приложения)?»
Ответ: естественно, здесь будет также. Как и на любом другом сайте, так и в приложении от Cordova данные после выключения будут потеряны. Но вы можете использовать Local Storage или попытаться приделать своему приложению Web SQL. Грубо говоря, вам нужно воспользоваться готовым API от браузера (Cordova), чтобы сохранять введенные пользователем данные. Вот ссылка на документацию.
Эмуляция: проблемы и головная боль
Допустим, вы уже закончили работать над проектом и хотите его собрать.
В quasar.conf.js в разделе manifest можно задать имя и описание проекта. Имя из manifest пойдет в название приложения (под иконкой). Возможно, здесь я ошибаюсь, так как название приложения я обычно меняю позже в config.xml в папке src-cordova, которая появляется после запуска проекта в dev режиме на мобильном устройстве.
Запускать проект в тестовом режиме для iOS можно командой:
quasar dev -m cordova -T ios
quasar dev -m cordova -T android
Если возникли какие-то проблемы с эмуляций, читайте тут. Здесь я вам вряд ли помогу. Проблем, которые могут на вас обрушиться на данном этапе миллион, но давайте я перечислю парочку, которые возникли у меня, вдруг я смогу вам помочь.
Проблемы с эмуляцией Android
Например, у меня никак не получалось запускать через Терминал команду “quasar dev -m cordova -T android”.
Сначала у меня была ошибка, в которой компилятор сказал якобы у меня нет Gradle.
Данную проблему я решил довольно просто: перед стартом dev/build команды я добавляю путь к Gradle к системной переменной $PATH:
Я надеюсь, вы понимаете, что путь после …$PATH. у вас совсем другой будет. Тем более это решит проблему на Mac, но не на Windows. Как это сделать на Windows читайте тут.
Также, у меня была ошибка “PANIC: Missing emulator engine program for 'x86' CPUS”, (после того как я разобрался с Gradle) поэтому я сначала “собрал финальную сборку” проекта без эмуляции через команду:
quasar build -m cordova -T android
Ведь у меня больше не было проблем с Gradle. А после открыл проект (билд) через Android Studio
Далее я полез в AVD Manager, чтобы создать эмуляцию телефона. Иначе без этого запустить приложение нельзя. Можно кстати попытаться подключить свой.
После, студия попросила меня поставить пакет системных картинок. К слову, сначала я поставил пакет ‘R’, и вроде бы у меня все заработало, эмулятор стал запускаться (через нажатие на зеленую кнопку пуск в navbar внутри android studio), но терминальная команда до сих пор не работала. После я вычитал здесь, что нужно поставить Oreo и, о боже, у меня теперь все запустилось через терминал.
Теперь, когда я вызывал через терминал команду “quasar dev -m cordova -T android” у меня наконец-то открывалась эмуляция.
Проблемы с эмуляцией iOS
К моей радости, на этом этапе работы я не столкнулся с проблемами. Но это не значит, что их нет.
Сборка: финал
Для “финальной” сборки используются команды.
quasar build -m cordova -T ios
Финальная сборка будет лежать в папке название_проекта/src-cordova/platforms/ios, здесь будет файл название_проекта.xcodeproj. Можете его запустить, и у вас откроется Xcode.
quasar build -m cordova -T android
Финальная сборка будет лежать в папке название_проекта/src-cordova/platforms/android. Просто откройте этот путь в Android Studio и увидите свой проект.
Теперь вы можете работать в этих “системах”. Например, можно выпустить приложение к себе на телефон и проверить его работоспособность. Или бесконечно эмулировать на различных устройствах, ища баги. Ах да, еще не забудьте установить иконки для своего приложения, это можно сделать по инструкции от Quasar или через Xcode и Android Studio.
Если все хорошо, можно выпускать приложение в Apple Store или Google Play. Но это уже другая история и достойна отдельной статьи. Если интересно, можете почитать соответствующий раздел в документации Quasar. Хотя, там не все так подробно описано как хотелось, но мне хватило. Свою же статью на эту тему постараюсь написать попозже.
P.S: По "секрету" хотелось добавить: Хотя получившиеся приложение получилось кроссплатформенным (т.е это как бы браузер), его исходный код все равно можно расширить через написание нативных плагинов под Cordova. Т.е нет особого труда в том, чтобы добавить в свое приложение Face/Touch ID, хотя изначально это не предусмотренно фреймворком Quasar и Cordova.
P.S.S: Если интересно как локализировать iOS приложение на Swfit с помощью Xcode, Storyboard и NSLocalizedString, милости прошу пройти по ссылке выше.
Нужен сайт?
Готов за разумную плату разработать сайт, CRM-систему или внедрить дополнительный функционал в существующий проект.
Некоторое время назад (года два с половиной) чувак по имени Razvan Stoenescu собрал команду Vue-разрабов и начал пилить с ними свой фреймворк. Свечку не держал, но я твёрдо уверен что в первоначальном документе было что-то типа «Хотим свой фреймворк, чтобы в нём было вообще всё. Включая блэкджек и куртизанок». Довольно странно, что во многих материалах за прошедший год упоминается Quasar, но статья про него вышла всего одна и была приурочена к релизу 1.0, да ещё и оказалась переводом. Недавно я наконец распробовал этот чудесный фреймворк и с удовольствием поделюсь своими впечатлениями о нём.
Возможно, вы разделите мою точку зрения насчёт того документа. Судите сами: в текущем состоянии (v1.14.3) Quasar позволяет строить SPA-, SSR-, PWA-, Electron- и нативные мобильные приложения, а также делать браузерные плагины и пользоваться библиотекой компонентов на Material 2.0. И весь этот зоопарк строится на одной кодовой базе, что теоретически позволяет некий функционал реализовать одновременно под почти все возможные платформы и запросы. Всё это многообразие тщательно стандартизировано и задокументировано, чтобы сделать жизнь разработчика легче и сформировать непреодолимую привязанность к проекту. На гитхабе у них 16к звёзд, что вдвое меньше чем у Nuxt, но поддержка комьюнити у Quasar несоизмеримо больше. На чём строится эта любовь?
1. Это всё ещё Vue
У Vue тоже большая поддержка сообщества благодаря удобной структуре с крутыми плагинами вроде vuex, быстроте и обалденной документации, решающей все возможные проблемы на этапе обучения. По данным w3techs, Vue уже оставил позади React и Angular в метриках top-100K, top-1M и overall, а в топ-1K и 10K приближается к реакту. Тенденция выглядит так:
Quasar никак не ограничивает возможности Vue, в нём нет навязанных паттернов и он не тянет за собой тонны зависимостей, по крайней мере поначалу — по умолчанию модули устанавливаются по мере необходимости, но при желании можно загрузить всё и сразу.
Кроме того, команда разработки активно работает над версией Quasar, предназначенной для использования с относительно новым Vue 3:
The plan
Our main focus at the moment is shipping Quasar v2 with Vue v3.
The plan is to not introduce any breaking changes, unless forced by the vue 3 / vue-router 4 architectures.
Affected Quasar packages: «quasar», "@quasar/app".
Rough schedule
First beta: «quasar» v2.0.0-beta.1 & "@quasar/app" v3.0.0-beta.1 — 2020/10/31
Stable releases: «quasar» v2.0.0 & "@quasar/app" v3.0.0 — 2020/11/30
The current progress is in line with holding the above schedule.
2. Он закрывает основные потребности разработчиков
Что-то модно, что-то вышло из моды, а что-то вечно. Сейчас модно делать PWA и SSR, нативные приложения тоже не теряют популярность. Flutter растёт, но Quasar предлагает альтернативу в виде webview через фреймворки Capacitor или Cordova. Всё это доступно из коробки и не требует вообще никаких танцев с бубном. Более того, почти всегда нужный модуль можно подключить уже в процессе разработки, если вас вдруг попросили собрать демку под мобильные устройста или электрон. Это сильная сторона определяет Quasar — кроссплатформенная разработка здесь проходит без головной боли.
3. Разумеется, он избавляет от бойлерплейта
Как и любой другой большой фреймворк, Quasar позволяет минимальный функционал, используя минимальное количество кода. И это не обязательно должен быть набивший оскомину todo-list из видео выше, благодаря богатой библиотеке UI-компонентов, можно собирать довольно сложные интерфейсы, не написав ни строчки. В доках есть генераторы layout-ов, разметки с flexbox, цветовой палитры и, конечно, примеры.
4. Документация — огонь
And that's a fact. В лучших традициях идеальной документации Vue, доки Quasar содержат подробную информацию по всему функционалу, с примерами и рекомендациями. Кроме того, даже для некоторых базовых понятия (вроде принципа работы flexbox) выделены отдельные главы и разделы, что может быть избыточно, но всё равно круто. Вот бы каждому фреймворку такую документацию.
5. Большое, пассионарное сообщество
Кстати, сравнивать его с Nuxt считается не очень корректным, зато в разработке модуль с Nuxt-функционалом. Блекджек и куртизанки, помните?
Заключение
По восторженному тону видно, что и я тоже с удовольствием подсел на Quasar — в основном из-за очень быстрого прототипирования и минимума геморроя, привычного для многих менее крупных фреймворков. При этом он не старается конкурировать с ними — он поглощает их, расширяясь, но не становясь от этого большой помойкой. Это показывает огромное количество сил и любви, которое вкладывают в фреймворк разработчики и комьюнити. Попробуйте Quasar, если ещё не работали с ним. А если пробовали больше года назад и разочаровались — дайте ему второй шанс, за это время была проведена колоссальная работа над ошибками.
На правах рекламы
Эпично! Мощнейшие виртуальные серверы на базе новейших процессоров AMD EPYC для размещения проектов любой сложности, от корпоративных сетей и игровых проектов до лендингов и VPN.
Vue + квазар-фреймворк для разработки гибридных приложений Vue
В последние несколько дней у меня появилось свободное время, чтобы выйти в интернет, чтобы найти подходящие рамки пользовательского интерфейса vue и увидеть, что некоторые пользователи сети рекомендуют его.quasar-framework, Зайдите на его официальный сайт, чтобы увидеть его, а затем увидеть Hybrid Mobile Apps (that look native , Что означает гибридные мобильные приложения, не гибридное ли это приложение или оно основано на Vue? Внимательно посмотрите на поддерживаемые вещи. Довольно много одностраничных приложений, рендеринг сервера SSR, прогрессивный веб, разработка гибридных приложений,Electron Разработка приложений (настольных приложений), послушная немного мощнее. Мы не будем обсуждать остальное здесь, в основном, о разработке гибридных приложений. Документация официального сайта на английском языке, но я нашел одинКитайская документацияВы можете ссылаться на него с обеих сторон, следующее не так хорошо, как тема.
Официальный сайт рекомендуется yarn Установка, поэтому, чтобы обеспечить отсутствие проблем, здесь мы также используем установку пряжи
установка пряжи
Если он уже установлен, вы можете пропустить этот шаг и загрузитьУстановочный пакетПонятно, следующий шаг - следующая установка.
Откройте cmd после установки, введите yarn -v , Описание номера версии кажется установленным
квазар-кли установка
Примечание: пожалуйста, не включайте китайский путь, чтобы избежать проблем позже
Такие как: quasar init first-quasar-app , first-quasar-app Название проекта
Я не знаю, что это значит, просто нажмите enter.
Выберите пряжу, чтобы установить зависимости, чтобы избежать проблем
Терпеливо дождитесь завершения установки .
OK установка завершена
Выберите обычный редактор, чтобы открыть проект, здесь всв для демонстрации
Структура каталогов проекта
Здесь мы можем начать видеть, как выглядит по умолчанию
quasar dev
Простая страница
На этом этапе установка завершена, и следующим шагом является разработка гибридных приложений.
Препараты
установка кордова: Если он уже установлен, игнорируйте этот шаг
Установка Java SDK: Если он уже установлен, игнорируйте этот шаг
Я использую JDK для бесплатной установки 1.8 здесь. Подробнее см. в этой статье, чтобы загрузить, установить и настроить переменные среды.портал
Операции, связанные с Android Studio, требуют компьютерного доступа в Интернет, потому что вам нужно скачать SDK с сервера Google, поэтому вам нужно иметь собственную лестницу
После завершения установки откройте SDK и выберите Configure-SDK Manger.
Выберите подходящую версию, нажмите OK, чтобы загрузить и установить
Терпеливо дождитесь завершения установки, общее количество сравнительно велико, и подключение к Интернету займет много времени для загрузки
может быть закрыт после установки
Нам нужно добавить шаблон Cordova в наш проект Quasar. Что он делает, это использует Cordova CLI в /src-cordova Создайте проект Cordova в папке. Перезаписывать каждый раз, когда вы строите /src-cordova/www скоросшиватель
После подключения мобильного телефона к компьютеру откройте режим разработчика мобильного телефона и включите функцию отладки USB.
Подключите мобильный телефон к WIFI и держите его в одном сегменте сети с вашим компьютером.
Если компьютер подключен к сетевому кабелю, а WIFI отсутствует, вы можете включить сеть общего доступа USB в сети мобильной связи для совместного использования с помощью мобильного телефона.
Измените его на следующее, затем умрите jcenter и maven До сих пор
Перезапустить после сохранения quasar dev -m cordova -T android
Если ничего неожиданного не произойдет, произойдет следующее
Внизу будет 2 IP-адреса для выбора, один из которых - IP-адрес вашего компьютера, а другой - IP-адрес вашего мобильного телефона. Здесь вы выбираете IP-адрес вашего мобильного телефона. Выберите его и нажмите Enter
немного подожди
Появится LAUNCH SUCCESS Описание в порядке
Откройте телефон, и интерфейс приложения, как показано ниже, покажет, что вы добились успеха
Далее мы напишем несколько простых вызовов для плагина Cordova, чтобы прочитать нативный интерфейс API
предоставляет 2 небольших примера
- Получить состояние батареи вашего телефона
- камера
Сначала добавьте эти 2 плагина
введите src-cordova Введите следующую команду
Установка завершена
Получить состояние батареи вашего телефона
найти src\pages\Index.vue И напишите следующий код
template в
камера
Полный код
Остановите проект после сохранения и повторите quasar dev -m cordova -T android начало
Тогда вы можете увидеть следующий интерфейс, изображение под кнопкой является фотографией
На данный момент учебник почти такой же, а некоторые другие будут добавлены позже.
Продолжение следует .
Интеллектуальная рекомендация
Поверните строку в целые числа
Тема Описание Преобразуйте строку в целое число (реализация функции integer.valueof (строка), но строка не совпадает 0), требуя функции библиотеки, которая нельзя использовать для преобразования целых.
Docker создает репликацию Redis Master-Slave
Centos установить докер быстрый старт докера Создать Dockerfile Поместите файл на сервер Linux, создайте папку / usr / docker / redis и поместите его в этот каталог Выполните следующий код в каталоге .
Установка GateOne на новом CentOS7
Установка GateOne на новом CentOS7 В последнее время исследуются такие инструменты, как WebSSH2, в настоящее время требуется встроить терминал ssh в веб-приложение и найти GateOne. GateOne - это веб-в.
Примечания к исследованию Qt4 (5), QWaitCondition of QThread Learning
Практические занятия: решения проблем системы управления обучением
Сразу после получения задания будет много трудностей и много проблем. Хорошо иметь проблему, а это значит, что вы можете получить новые знания. Неважно, есть ли проблемы, ключ в том, как их решить. пр.
Вам также может понравиться
искробезопасная практика (5) обратный индекс
задний план Поисковые системы обычно создают инвертированный индекс ключевых слов. Ключевое слово - индекс, за которым следуют веб-страницы, содержащие ключевое слово. На этот раз, используя данные мо.
Решение центра тяжести неправильного многоугольника
Справочник статей Во-первых, решение центра тяжести неправильных многоугольников 1.1 Метод расчета треугольника центра тяжести 1.2 Метод расчета площади треугольника 1.3 Метод расчета площади полигона.
В последние годы мы наблюдаем распространение инструментов и сред 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 для создания квазар-проекта.
Затем нам предоставляется список вариантов проекта, который мы хотим загрузить.
Читайте также: