Дополнительные функции, добавляющие к и без того отличному опыту разработчиков!

tl; dr; Если вы уже знаете, что такое Quasar, и понимаете, что такое интерфейс командной строки приложения, откройте окно «Что нового?! »ниже.

Прямо сейчас некоторые из вас могут подумать: «Эй… подождите секундочку! Quasar только что вышел как 1.1.0! ». Если вы так думаете, то совершенно правы!

Давай объясним. У Quasar есть две основные области функциональности в качестве фреймворка:

Quasar CLI - обширная и мощная среда разработки и сборки для разработки и распространения приложений на разных устройствах.

Пользовательский интерфейс Quasar - это то, что мы называем огромной высококачественной библиотекой компонентов в Quasar.

Последний выпуск 1.1.0 был для пользовательского интерфейса Quasar (примечания к выпуску).

И многое другое! Сам CLI также состоит из двух частей.

1. «Глобальный интерфейс командной строки» (@ quasar / cli - необязательно) для выполнения таких действий, как создание проектов и локальное обслуживание распространяемых приложений с помощью специального веб-сервера.

2. «Интерфейс командной строки приложения» (@ quasar / app) для выполнения большинства действий, которые вам нужно делать в рамках проекта приложения Quasar, например, создание среды сервера разработки (для HMR и многого другого. !), добавляя шаблоны загрузочных файлов или файлов компонентов в ваш проект или описывая API для компонентов и, конечно же, наиболее важную часть, создавая ваш проект для нескольких сред, поддерживаемых Quasar (например, Web, PWA, Web + SSR, PWA + SSR, Кордова, Электрон и др.).

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

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

Что нового?!

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

  1. Quasar теперь полностью поддерживает [Sass CSS] (https://sass-lang.com/), обрабатывая файлы обоих типов: .scss и .sass!

2. Больше не нужно помнить о вводе используемых компонентов или директив в файл конфигурации Quasar quasar.conf.js. Quasar теперь делает это автоматически, если вы настроили его для этого!

Давайте подробно рассмотрим каждую новую функцию.

Нахальный Квазар

Верно! Quasar теперь также поддерживает обработку файлов Sass и .sass и .scss.

Неважно, с каким опросом вы можете столкнуться, все они показывают склонность разработчиков к использованию Sass в качестве своей системы обработки CSS. Quasar следует этой тенденции.

Но самое интересное в том, что если вы знаете Quasar, вы также знаете о переменных стиля Quasar. И эти переменные также доступны в вашем Sass CSS!

Хотя Quasar поддерживал Sass даже до этого изменения, теперь полная система CSS Quasar может быть только Sass, если вы хотите использовать Quasar таким образом.

Другими словами, Quasar (через @ quasar / app) теперь поддерживает файл src / css / quasar.variables {.sass | .scss}, который вы можете использовать для расширения или изменения переменных Quasar по умолчанию. Когда этот файл существует в папке проекта, он автоматически сделает ваши изменения доступными в вашем <style lang="scss"> или <style lang="sass"> соответственно. Но даже если файл отсутствует, вы все равно сможете получить доступ к переменным по умолчанию.

Есть только одно предостережение, основанное на здравом смысле: добавление пользовательских переменных в quasar.variables.styl сделает их доступными только в каждом файле .vue (lang = «stylus») или .styl, но не сделает их доступными ни в каком. vue (lang = «scss» / lang = «sass») или файлы .scss / .sass. Для этого вам понадобится quasar.variables.{scss|sass}file. То же правило действует и в другом направлении.

После 1.1.0 станет возможным иметь исходный код стиля Quasar в форме Sass, а также его можно будет беспрепятственно использовать с SCSS. Интерфейс командной строки приложения Quasar будет поддерживать Stylus и Sass / SCSS из коробки. Это означает, что для Sass / SCSS не нужно устанавливать никаких дополнительных пакетов, как это было в предыдущих версиях Quasar.

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

Последняя вещь. Как это ни невероятно, добавление Sass было реализовано без каких-либо критических изменений.

Автоматическая настройка

Разработчики давно не могут забыть добавить компоненты, которые они используют из Quasar, в quasar.conf.js файл. Кроме того, часто это простое решение распространенной проблемы со службой поддержки.

Существует хорошо известная функция all, которая позволяет разработчикам игнорировать добавление используемых компонентов в целях разработки. Функция all в основном включает все компоненты, директивы и плагины. Однако не позднее, чем когда приложение будет готово к сборке, разработчику придется выяснить, какие компоненты и директивы она фактически использовала, и соответствующим образом обновить файл quasar.conf.js. Все это было необходимо, чтобы позволить Quasar встряхнуть код и построить минимально возможный пакет.

Теперь, с App CLI 1.1.0, Quasar автоматически просканирует ваш код на предмет компонентов и директив, используемых в вашем приложении Quasar, и добавит необходимые записи в файл quasar.conf.js. К сожалению, по техническим причинам плагины не могут быть добавлены, но существует гораздо меньший список плагинов по сравнению с компонентами. Это дополнение является ценным улучшением, позволяющим сэкономить время и силы для вас, как разработчика.

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

Отличный опыт разработчика.

Полный список обновлений в выпуске App CLI 1.1.0

Новые особенности

  • Поддержка Sass / SCSS # 5049 (поддержка /src/css/quasar.variables.scss, поддержка /src/css/quasar.variables.sass, переменные Quasar доступны, даже если файл переопределения пространства приложения отсутствует , Поставьте node-sass и sass-loader из коробки)
  • Если файл css / variables не существует, подключитесь непосредственно к созданному Quasar файлу .css # 5049.
  • Автоимпорт компонентов и директив Quasar; quasar.conf.js ›framework› all: ‘auto’
  • Новые параметры загрузочных файлов: urlPath и redirect (); улучшить документы
  • Небольшая настройка баннера «Установка порта на ближайший доступный»

Исправления

  • Команда «описать» в параметрах конфигурации quasar
  • Отключите watchContentBase, чтобы избежать нежелательных ошибок # 5026
  • Разрешить Cordova установить цель «электрон» # 4941 (будет работать, когда выйдет Cordova-electronics v1.2)

Мы надеемся, что вы так же взволнованы этими новыми функциями интерфейса командной строки приложения.

Поделитесь с нами своими впечатлениями об этом выпуске и новых функциях. Мы всегда рады конструктивным отзывам.

Если вы хотите узнать больше о Quasar:

Веб-сайт Quasar: https://quasar.dev
GitHub: https://github.com/quasarframework/quasar
Начало работы: https://quasar.dev/start
Discord Chat Server: https://chat.quasar.dev
Форум: https://forum.quasar.dev
Twitter: https: //twitter.quasar .dev
Facebook: https://facebook.quasar.dev
Пожертвовать: https://donate.quasar.dev