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

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


Просмотров: 8952 | Комментариев: 24
Внимание! все сообщения проходят премодерацию. Ваше сообщение появится после проверки
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Защита от автоматических сообщений
Загрузить изображение
Нажимая кнопку "Отправить", Вы принимаете условия
Политики конфиденциальности и обработки персональных данных
Страницы: 1 2 3 След.
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 След.

Цены на разработку сайта или приложения

Что бы узнать точные стоимость и срок разработки:
достаточно, как можно подробнее, заполнить опросник и выслать на электронную почту info@bazarow.ru.
После ознакомления, смогу задать уточняющие вопросы и оценить.

В стоимость разработки уже включены и не требуют доплат:
  • Лицензия на необходимую редакцию 1С-Битрикс: Управление сайтом и лицензии на дополнительные модули, если требуются для конкретного проекта.
  • Применение технологии композитный сайт: Оптимизация скорости работы проекта под нагрузками.
  • Один год, бесплатной, технической поддержки от 1С-Битрикс
Интернет-магазин от 250 000 рублей
Полно-комплексная разработка интернет-магазина любой сложности. Интеграция с 1С, службами доставки и оплаты. Внутренняя СЕО оптимизация перед запуском.
Сайт компании от 200 000 рублей
Сайт с каталогом товаров или услуг, без функционала магазина. Включает формы обратной связи внутри карточек каталога. Любое количество статичных и динамичных разделов.
Инфоресурс от 200 000 рублей
Портал или доска объявлений с большим количеством разделов. Возможность включения форумов, блогов, регистрации пользователей, внутри сайтовая социальная сеть.
Сайт на готовом решении от 40 000 рублей
Подбор решения из более 200-от готовых сайтов, в соответствии с тематикой бизнеса. Запуск сайта на сервере или хостинге, со всеми настройками. Не большие доработки под задачу.
Мобильное приложение от 200 000 рублей

Кроме сайтов, занимаюсь разработкой мобильных приложений на технологии Apache Cordova. Это полноценные приложения, которые публикуются и распостранияются через официальные магазины GooglePlay и AppStore

  • Полная интеграция с базой данных, основного сайта.
  • Вывод каталогов продукции и услуг, прямо в приложении.
  • Персональные разделы пользователей с историей заказов.
  • Прямой доступ к устройству: GPS, камера, звонки и медиабиблиотека

attention