Телеграм:@camouf_ruПочта:mihail@bazarow.ru

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

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

Настройка 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

Все серии

Комментарии к видео

Guest 26.07.2021
Здравствуйте!
Тоже столкнулся с проблемой не выгрузки сетки и стилей. Ruby установлен. Только вместо виртуальной машины у меня OpenServer (если это важно). Т.е. изменения в файле template_styles.scss никак не влияют на файл template_styles.css.
Куда копать? Как проверить компилятор?
Павел Петров 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". Как по мне подобные настройки сугубо субъективны и лишь вопрос времени и опыта)
Павел Захаров 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
Михаил Базаров 16.05.2019
Цитата
Алексей Шарымов написал:
Здравствуйте Михаил.
Подскажите, пожалуйста, а как происходит работа над проектами битрикса к команде? Так же как у вас в видео через PHPStorm, или все же это как-то завязывается на системы контроля версий?
Заранее спасибо!
Тут уж, кто во что горазд. Но шторм поддерживает Git - думаю, большинство в нем и работают.
Алексей Шарымов 16.05.2019
Здравствуйте Михаил.
Подскажите, пожалуйста, а как происходит работа над проектами битрикса к команде? Так же как у вас в видео через PHPStorm, или все же это как-то завязывается на системы контроля версий?
Заранее спасибо!
Михаил Базаров 16.03.2019
Нет, если делаете по уроку- этот файл должен подключиться сам. Только не scss а css
Проверьте, работает ли компилятор sass у Вас.
Внесите правку в scss и появится ли она в css
Иван Сидоров 15.03.2019
здравствуйте Михаил
у меня следующая проблема  у мена шаблон не как не реагирует на изменения в template_styles,scss
можете подсказать может его надо ка кто в header.php подключать?
Игорь Обрезков 09.02.2019
Спасибо. за познавательный урок. Пришлось немного «поиграться» в настройках Settings ->  File Watchers, но в итоге sass завелся)
Владимир Белинский 13.12.2018
В настройках в разделе File and Cjde Templates, Files, поставил галочку в пункте Enable Live Templates, все заработало.
Благодарю за ответ...
Михаил Базаров 13.12.2018
Цитата
Владимир Белинский написал:
Я в pspstorme делаю по вашему "рецепту", но у с=меня просто не получается и все тут...
Тяжело подсказать, что у вас не так. С тех пор ни чего не поменялось в плане добавления проекта и настроек. "Рецепт" - актуальный
Владимир Белинский 13.12.2018
Я в pspstorme делаю по вашему "рецепту", но у с=меня просто не получается и все тут...
Владимир Белинский 13.12.2018
Цитата
Роман Демидов пишет:
Цитата
Михаил Базаров пишет:
Цитата
Роман Демидов написал:
День добрый, Михаил!
Спасибо за уроки.
Есть вопрос.
При разборе Вашего видео возникла проблема, у меня не подключаются стили из
template_styles.scss

SASS стоит. А в чем проблема так и не ясно(((
Посмотрите в phpstorm -он выводит возникающие ошибки
Спасибо. Вся проблема была в компиляторе.
Разобрался
как именно разобрался?
Владимир Белинский 13.12.2018
Я четко выполнял все действия как вы описали, но на этом уроке я завис уже второй день...
У меня не срабатывает выгрузка сетки на сайт
Роман Демидов 07.07.2018
Цитата
Михаил Базаров пишет:
Цитата
Роман Демидов написал:
День добрый, Михаил!
Спасибо за уроки.
Есть вопрос.
При разборе Вашего видео возникла проблема, у меня не подключаются стили из
template_styles.scss

SASS стоит. А в чем проблема так и не ясно(((
Посмотрите в phpstorm -он выводит возникающие ошибки
Спасибо. Вся проблема была в компиляторе.
Разобрался)))
Михаил Базаров 07.07.2018
Цитата
Роман Демидов написал:
День добрый, Михаил!
Спасибо за уроки.
Есть вопрос.
При разборе Вашего видео возникла проблема, у меня не подключаются стили из
template_styles.scss

SASS стоит. А в чем проблема так и не ясно(((
Посмотрите в phpstorm -он выводит возникающие ошибки
Роман Демидов 07.07.2018
День добрый, Михаил!
Спасибо за уроки.
Есть вопрос.
При разборе Вашего видео возникла проблема, у меня не подключаются стили из
template_styles.scss

SASS стоит. А в чем проблема так и не ясно(((
Nxn 20.06.2018
Цитата
Михаил Базаров пишет:
все шустро меняется в phpstorm. Я его не очень знаю, поэтому тупо скачиваю с хоста через Tools/Deployment, может какие то настройки существуют в phpstorm для автом
А я блин 1,5 часа ищу как это можно делать автоматом))

А может можно как-то при помощи гита эту вещь наладить?
Михаил Базаров 22.01.2018
Цитата
sav написал:
Цитата
sav  пишет:
Почему то когда делаешь какие то изменения через админку на хосте, они не отображаются в phpstorm.
Использую в качестве хоста виртуальную машину битрикс на локалке.
А у вас в видео как то все шустро меняется в phpstorm. Я его не очень знаю, поэтому тупо скачиваю с хоста через Tools/Deployment, может какие то настройки существуют в phpstorm для автоматики?
Да, только так. В видео, просто подрезаны эти моменты. Иначе видео удлинится раза в три  :)  
sav 22.01.2018
Цитата
sav пишет:
Почему то когда делаешь какие то изменения через админку на хосте, они не отображаются в phpstorm.
Использую в качестве хоста виртуальную машину битрикс на локалке.
А у вас в видео как то все шустро меняется в phpstorm. Я его не очень знаю, поэтому тупо скачиваю с хоста через Tools/Deployment, может какие то настройки существуют в phpstorm для автоматики?
Михаил Базаров 09.01.2018
Цитата
Станислав Мишин написал:
Михаил, здравствуйте!

Я правильно вас понимаю, что верстать bootstrap к компилятором SASS это ваш выбор, и не обязательно для использования? Для начинающего можно использовать и обычный CSS?

Михаил, можете посоветовать, какой-нибудь html-редактор близкий по функционалу к Coda, только по Windows, не считая PHPStom.
Да, можно просто на css

Под Windows могу порекомендовать, только связку WinSCP + Putty + SublimeText3 - это три отдельные проги, но можно все кучкануть в WinScp. Получится типа Coda (не так аккуратно, но функционал такой же)