@orlovec
начинающий

Как настроить окружение в phpstorm, чтобы писать CSS с новыми возможностями ( & и @nested, CSS Сustom Properties), вложенностью селекторов?

Хотел писать на чистом css с новыми возможностями, сейчас на проектах переходят или планируют переход, я решил попрактиковаться. Установил postcss, установил плагины в postcss.config.js В postcss-preset-env уже практически всё есть, должно работать, var(--foo) работает, переменные есть, а вложенности нет. Хочу вложенность, что надо сделать? Есть примеры, что посоветуете?

Установленные плагины:
module.exports = {
  plugins: [
    require('postcss-preset-env')({
      features: {
        'nesting-rules': true,
        'color-mod-function': { unresolved: 'warn' }
      }
    }),
    require('postcss-animation'),
    require('postcss-fixes')({
      preset: 'recommended'
    }),
    require('cssnano')({
      preset: [
        'default', {
          discardComments: {
            removeAll: true
          }
        }
      ]
    }),
  ]
};
  • Вопрос задан
  • 311 просмотров
Решения вопроса 1
@orlovec Автор вопроса
начинающий
Нашел ответ:
Просто вспомнил что следует заглянуть в коллекцию плагинов к phpstorm.
Надо установить
И настроить phpstorm: The IDE now recognises .pcss files. You can also enable PostCSS support for your .css files in Preferences | Languages & Frameworks | Stylesheets | Dialects.

5eccbce3c592a759882418.png

В итоге было/стало:
5eccbd0dbff10735450507.png
5eccbd561fef2427931247.png
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы