Серия 10: Добавление проекта в phpstorm, верстка основного скелета сайта

Просмотров: 11126

Настройка PhpStorm под Битрикс. Добавляем Битрикс-проект в IDE PhpStorm. Базовые настройки компилятора sass. Начинаем верстать основную сетку сайта с использованием bootstrap-3.

Сайт PhpStorm
Документация по SASS

Установка компилятора SASS в систему

На macOS:
— Открываем штатный терминал
— Выполняем команду sudo gem install sass
— Готово

На Windows:
— Скачиваем и устанавливаем RubyInstaller
— В меню "пуск", находим: "Ruby Command Line" и запускаем
— Выполняем команду gem install sass
— Готово

если возникает ошибка установки sass

На Ubuntu (в 18LTS):
— В терминале, от имени суперпользователя (sudo su) выполняем по очереди.
— apt-get install ruby
— apt-get install sass
— На каждом этапе подтверждаем свои действия
— Готово

Если возникает ошибка установки sass.
Если в процессе установки возникает ошибка подключения по протоколу SSL. Нужно добавить в список источников, адрес к rubygems.org, без SSL.

Ошибка выглядет так:
ERROR: Could not find a valid gem 'sass' (>= 0), here is why:
Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv2/v3 read server hello A: tlsv1 alert protocol version (https://rubygems.org/specs.4.8.gz)

Выполняем команду: sudo gem sources -a http://rubygems.org
И после подтверждения, добавления источника, снова пробуем установить sass: gem install sass --pre

Все серии

Владимир Белинский 13.12.2018
В настройках в разделе File and Cjde Templates, Files, поставил галочку в пункте Enable Live Templates, все заработало.
Благодарю за ответ...
Игорь Обрезков 09.02.2019
Спасибо. за познавательный урок. Пришлось немного «поиграться» в настройках Settings ->  File Watchers, но в итоге sass завелся)
Иван Сидоров 15.03.2019
здравствуйте Михаил
у меня следующая проблема  у мена шаблон не как не реагирует на изменения в template_styles,scss
можете подсказать может его надо ка кто в header.php подключать?
Михаил Базаров 16.03.2019
Нет, если делаете по уроку- этот файл должен подключиться сам. Только не scss а css
Проверьте, работает ли компилятор sass у Вас.
Внесите правку в scss и появится ли она в css
Алексей Шарымов 16.05.2019
Здравствуйте Михаил.
Подскажите, пожалуйста, а как происходит работа над проектами битрикса к команде? Так же как у вас в видео через PHPStorm, или все же это как-то завязывается на системы контроля версий?
Заранее спасибо!
Михаил Базаров 16.05.2019
Цитата
Алексей Шарымов написал:
Здравствуйте Михаил.
Подскажите, пожалуйста, а как происходит работа над проектами битрикса к команде? Так же как у вас в видео через PHPStorm, или все же это как-то завязывается на системы контроля версий?
Заранее спасибо!
Тут уж, кто во что горазд. Но шторм поддерживает Git - думаю, большинство в нем и работают.
Павел Захаров 10.09.2019
Всем привет! Михаил, спасибо за отличные уроки! Дошел до 11, были ошибки, находил решения, например с подключением php storm. Сначала ключ ssh не пускал, потом от битрикса было недостаточно прав на изменение файлов на сервере.. зашел от пользователя root проблема исчезла, но сейчас почитал форум и понял что геморрой впереди..
Начал с нуля и в 10 уроке опять остановился, зашел от пользователя bitrix
Пишет    Failed to collect files: Could not resolve file "sftp://89….231/home/bitrix/www/local/templates/ommod/header.php". (Permission denied)
Поменял через winscp свойства папки ommod разрешения (все крестики 0777) теперь ругается, но сохраняет..
Уважаемые эксперты, поскажите как правильно настроить phpstorm, или может плюнуть на него и все делать с помощью sublime? И на сколько опасно держать включенными доступы 0777 для папки ommod
Павел Петров 27.12.2020
Цитата
Павел Захаров пишет:
Всем привет! Михаил, спасибо за отличные уроки! Дошел до 11, были ошибки, находил решения, например с подключением php storm. Сначала ключ ssh не пускал, потом от битрикса было недостаточно прав на изменение файлов на сервере.. зашел от пользователя root проблема исчезла, но сейчас почитал форум и понял что геморрой впереди..
Начал с нуля и в 10 уроке опять остановился, зашел от пользователя bitrix
Пишет    Failed to collect files: Could not resolve file "sftp://89….231/home/bitrix/www/local/templates/ommod/header.php". (Permission denied)
Поменял через winscp свойства папки ommod разрешения (все крестики 0777) теперь ругается, но сохраняет..
Уважаемые эксперты, поскажите как правильно настроить phpstorm, или может плюнуть на него и все делать с помощью sublime? И на сколько опасно держать включенными доступы 0777 для папки ommod
Павел Захаров, в подобных случаях я гуглю, если удобнее в формате видео - на ютубе ввожу тупо "Настройка phpStorm". Как по мне подобные настройки сугубо субъективны и лишь вопрос времени и опыта)
Guest 26.07.2021
Здравствуйте!
Тоже столкнулся с проблемой не выгрузки сетки и стилей. Ruby установлен. Только вместо виртуальной машины у меня OpenServer (если это важно). Т.е. изменения в файле template_styles.scss никак не влияют на файл template_styles.css.
Куда копать? Как проверить компилятор?
Максим 19.04.2023
Здравствуйте Михаил, header.php не принимает изменений в template_styles.css . Работаю с удаленным хостингом, sass подключил в ходе работы, перезагрузился уже. Пока что в поисках решения проблемы. Спасибо!