/ vscode-live-sass-компилятор

Настройки
  • liveSassCompile.settings.format


  • liveSassCompile.settings.savePath


  • liveSassCompile.settings.extensionName


  • [НОВОЕ] liveSassCompile.settings.formats : для настройки формата (стиля), имени расширения и места сохранения для экспортированного CSS [Поддерживается несколько форматов].

    • Формат может быть расширенным , compact , compressed или вложенный . По умолчанию expanded .

    • Расширение Имя может быть .css или .min.css . По умолчанию: .css.

    • [Новое] Местоположение сохранения относительно корня рабочей области или ваших файлов Sass.

      • Значение по умолчанию — null . ( null означает, что он будет генерировать CSS в месте scss/sass. Кстати, это null , а НЕ "null ").

      • » / «обозначает относительно корня.

      • « ~ » обозначает относительно каждого файла sass. — Сложный сценарий. (Ознакомьтесь с примером)

    • Пример:

       "liveSassCompile.settings.formats": [//Это значение по умолчанию.  {"format": "extended", "extensionName": ".css", "savePath": null},//Вы можете добавить еще {"format": "compressed", "extensionName": ".min.css"  , "savePath": "/dist/css"},//Более сложный {"формат": "сжатый", "extensionName": ".min.css", "savePath": "~/../css/"  }] 


  • liveSassCompile.settings .excludeList : чтобы исключить определенные папки. Все файлы Sass/Scss внутри папок будут проигнорированы.

    • значение по умолчанию:

       "liveSassCompile.settings.excludeList": ["**/node_modules/**", ".vscode/**"] 

    • Вы можете использовать отрицательный шаблон глобуса.

      • Пример: если вы хотите исключить все файлы, кроме file1.scss & file2.scss из каталога path/subpath , вы можете использовать выражение —
       "liveSassCompile.settings.excludeList": ["путь/подпуть/* [! (файл1 | файл2)]. scss"] 


  • liveSassCompile.settings.includeItems : этот параметр полезен, когда вы имеете дело только с несколькими файлами sass. Будут включены только упомянутые файлы Sass.

    • ПРИМЕЧАНИЕ. Не нужно включать частичные файлы Sass.
    • Значение по умолчанию — null
    • Пример:
     "liveSassCompile.settings.includeItems": ["путь/подпуть/a.scss", "путь/подпуть/b.scss",] 


  • liveSassCompile.settings.generateMap : установите для него значение false , если вы этого не сделаете. хотите файл .map для скомпилированного CSS.

    • По умолчанию true .

  • liveSassCompile.settings.autoprefix : Автоматически добавлять префиксы поставщиков к неподдерживаемым свойствам CSS (например, transform -> -ms-transform ).

    • Укажите, на какие браузеры настроить таргетинг с помощью массива строк (использует список браузеров).

    • Установите null , чтобы выключить. (По умолчанию null)

    • Пример :

     "liveSassCompile.settings.autoprefix": ["> 1%", "последние 2 версии"] 


  • liveSassCompile.settings.showOutputWindow : установите для этого параметра значение false , если вы не хотите окно вывода, которое нужно отобразить.

    • ПРИМЕЧАНИЕ. Вы можете использовать палитру команд, чтобы открыть окно вывода Live Sass.
    • Значение по умолчанию: true

Оцените статью
techsly.ru
Добавить комментарий