Установка SASS (SCSS) настройка PhpStorm 2018.1.4 ошибка 'env: node: No such file or directory' macOS Monterey

Подготовка

Если у вас установлена ​​старая версия Node.js, рекомендуется сначала удалить ее. Также убедитесь, что папки npm и npm-cache удалены. Для удаление выполните команду в консоле:

$ brew uninstall --force node
$ brew uninstall --force npm

Установка Node.js для macOS.

Откройте https://nodejs.org/en/download/package-manager, загрузите и установите последнюю версию для macOS.

Установите SASS

После установки Node.js откройте консоль macOS и выполните следующую команду:

$ node -v   
// v20.17.0
$ npm -v
// 10.8.2

Для установка Sass выполните команду в консоли:

npm install -g sass

После установки можно проверить версию

$ sass --version
// 1.79.4

Необходимые установки выполнены. Теперь можно приступать к настройке PhpStorm. 

Теперь нам нужно настроить File Watcher в PhpStorm.

Перейдите в File > Settings > Tools > File Watchers > {нажать на + внизу слева} > выбрать (SCSS or Sass). Если вы не уверены, какой шаблон использовать, я бы порекомендовал SCSS.

Если все настроено как выше то все будет работать. 

Установки обычно PhpStorm подтягивает автоматически. Бывают ситуации что приходится настраивать вручную если автоматически не применились настройки установки среды.

В частности после установки и проверки синтаксиса sass/scss в PhpStorm бывают ошибки. Ошибка при компиляции scss в css например:

env: node: No such file or directory
Process finished with exit code 127

В ошибке пишется что не найден путь для запуска программы. 

Решение этой проблемы:

  1. введите в свой терминал echo $PATH
  2. скопируйте результат, он должен быть примерно таким /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
  3. Перейдите в Preferences > Tools > File Watchers.
  4. Выберите SASS, нажмите «Изменить»
  5. Нажмите «Другие параметры» и «Переменные среды».
  6. Нажмите «+»
  7. Введите «PATH» в столбце «Имя».
  8. Вставьте скопированный текст в столбец «Значение» /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
  9. Нажмите Ok

Все будет работать!

Если возникнут проблемы с установкой или будут вопросы или пожелание, напишите пожалуйста мне. Постараюсь вам помочь.
Желаю всем творческих успехов!

  • 29 сентября 2024 г.
  • 252 просмотра