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

Серия 10: Добавление проекта в phpstorm, верстка основного скелета сайта
Просмотров: 4715 | Комментариев: 20

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

julliettio
Михаил, спасибо вам огромное за урок. Все было очень понятно. Жду продолжения  :)
sav
А можно макет сайта выложить для учебно тренировочных целей
sav
Почему то когда делаешь какие то изменения через админку на хосте, они не отображаются в phpstorm.
Использую в качестве хоста виртуальную машину битрикс на локалке.
Станислав Мишин
Михаил, здравствуйте!

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

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


Заранее благодарю.
Михаил Базаров
Цитата
Станислав Мишин написал:
Михаил, здравствуйте!

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

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

Под Windows могу порекомендовать, только связку WinSCP + Putty + SublimeText3 - это три отдельные проги, но можно все кучкануть в WinScp. Получится типа Coda (не так аккуратно, но функционал такой же)
sav
Цитата
sav пишет:
Почему то когда делаешь какие то изменения через админку на хосте, они не отображаются в phpstorm.
Использую в качестве хоста виртуальную машину битрикс на локалке.
А у вас в видео как то все шустро меняется в phpstorm. Я его не очень знаю, поэтому тупо скачиваю с хоста через Tools/Deployment, может какие то настройки существуют в phpstorm для автоматики?
Михаил Базаров
Цитата
sav написал:
Цитата
sav  пишет:
Почему то когда делаешь какие то изменения через админку на хосте, они не отображаются в phpstorm.
Использую в качестве хоста виртуальную машину битрикс на локалке.
А у вас в видео как то все шустро меняется в phpstorm. Я его не очень знаю, поэтому тупо скачиваю с хоста через Tools/Deployment, может какие то настройки существуют в phpstorm для автоматики?
Да, только так. В видео, просто подрезаны эти моменты. Иначе видео удлинится раза в три  :)  
Nxn
Цитата
Михаил Базаров пишет:
все шустро меняется в phpstorm. Я его не очень знаю, поэтому тупо скачиваю с хоста через Tools/Deployment, может какие то настройки существуют в phpstorm для автом
А я блин 1,5 часа ищу как это можно делать автоматом))

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

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

SASS стоит. А в чем проблема так и не ясно(((
Посмотрите в phpstorm -он выводит возникающие ошибки
Страницы: 1 2 3 След.