Тёмный

Prepros что это. Как пользоваться prepros // Сборка фронтэнда // Компилятор SASS KIT 

Фрілансер по життю
Подписаться 315 тыс.
Просмотров 223 тыс.
50% 1

Prepros что это и как пользоваться. Сборка фронтэнда. SASS компилятор. Prepros - это маленькая но достаточная для задач верстальщика программа-сборщик которая компилирует препроцессоры Sass, Less, Stylus, Jade, Kit и другие. Простыми словами превращает форматы в которых быстро и удобно работать в форматы понятные для браузеров. Наверняка многие сейчас скажут, так для этого же есть Gulp Webpack и прочие, зачем нам твой Prepros? Все дело в том, что эти инструменты уж слишком сложные для начинающего мастера по верстке.
🔴 Внимание! В 7й версии пути нужно указывать другие.
Для SCSS - prntscr.com/rd27q1
Для JS - prntscr.com/rd280c
Файлы .kit работают, хотя их нет в настройках.
Мало того что нужно учить HTML CSS и JS, так еще и учи как настраивать и работать со сборщиком проекта… Жуть.
Prepros же это обычная програмка с приятным и понятным интерфейсов и уже из коробки обладает не малым функционалом. Кроме компилирования и сборки он запускает локальный сервер на котором мы можем просматривать результат нашей верстки (Live Preview), а еще сам «нажимает» за нас «обновить» в браузере после каждого сохранения файла. То есть подключает живое обновление LiveReload при изменении файлов, что является мегаускорителем в работе.
И это еще не все возможности этого малыша. Сейчас все покажу на практике.
-----------------------------------------------------------------------------------------------
БЕСПЛАТНЫЙ курс по верстке сайтов (Уроки HTML CSS JS):
• БЕСПЛАТНЫЙ курс по вер...
-----------------------------------------------------------------------------------------------
Сайт программы: prepros.io/
Если сайт не открывается можно скачать шестую версию по ссылке:
WIN fls.guru/files/progs/Prepros-...
MAC fls.guru/files/progs/Prepros-...
-----------------------------------------------------------------------------------------------
Instagram: / freelancer.lifestyle
Facebook: / freelancerlifestyle
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
-----------------------------------------------------------------------------------------------
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов.
На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
-----------------------------------------------------------------------------------------------
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #prepros

Опубликовано:

 

31 авг 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 1,4 тыс.   
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
ОЧЕНЬ ценю твой ЛАЙК и КОММЕНТ! Поддержать канал: www.patreon.com/freelancerlifestyle Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle Instagram: instagram.com/freelancer.lifestyle/ Facebook: facebook.com/freelancerlifestyle/
@timurtadjiev3737
@timurtadjiev3737 4 года назад
Почему на sublime файл scss цвет текста белый? На index и css цвета как установлено.
@Germesych_game
@Germesych_game 4 года назад
@@timurtadjiev3737 надо плагин ставить для scss. он его просто не понимает и распознает как обычный файл. гуглани, я просто в vscode уже дано работаю, точно не помню.
@Germesych_game
@Germesych_game 4 года назад
тоже поставил 6 версию, ибо 7 версия ад какой-то... получилось настроить KIT и Less. с Less, только если сам файл style.less лежит в папке #source остальное можно в отдельную и импортить в сам файл, тогда работает. если и основной файл вложить в папку less к примеру, то жопа... короче вот та не работает #source/less/style.less как не мучался, чет не получилось. только если основной файл лежит вот так - #source/style.less
@karl9358
@karl9358 4 года назад
У вас нормально работает Autoprefixer? У меня вообще не работает, хотя галочка стоит. Работаю с less. Prepros 7.2.18. Autoprefixer: 9.7.6.
@mrsergienko
@mrsergienko 4 года назад
Здравствуйте! Подскажите как настроить Kit Tools в последней версии Prepros, ибо его там просто нет вообще.
@harinbarin
@harinbarin 4 года назад
хвала интернету и людям, которые великодушно готовы делиться наработанным опытом. Среди огромного количества информации в сети, зачастую переполненной ненужными деталями и водой, огромное удовольствие доставляет настолько офигенная подача материала. Не каждый может быть учителем, но у тебя, Женя, замечательно получается. Будь здоров, спасибо за урок.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Рад что нравится!
@user-oj8oc8ur4v
@user-oj8oc8ur4v 2 года назад
Спасибо
@user-xr7pl9hg7g
@user-xr7pl9hg7g 4 года назад
Ах да. Отдельное спасибо за новые вещицы на комоде. В каждом новом видосе новая штуковина. Иногда аж думается, что же в следующем видео там будет ))) Мелочь, а приятно )) Приятно, что человек для нас старается и так заморачивается, даже в таких мелочах. Качество складывается из мелочей! Успеха! И, лайк, однозначно.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо большое! Верно, стараюсь)
@sergey_savchuk_dev
@sergey_savchuk_dev 3 года назад
Спасибо ОГРОМНОЕ за полезную инфу. Женя ты супер, продолжай снимать, смотрю все твои ролики!!! Если у кого-то возникла проблема с созданием папки css в #source, я решил это так. В версии 7 путь должен сработать такой ../css Его нужно вставить в настройках программы > бургер > App Setings > Prodject Defaults > CSS Tools > Sass (прокручиваем вниз и нам находим поля ввода) > Output > Replace Segments > Replace With > (меняем значения на ) ../css Если не сработало. Скорее всего вы сначала добавили проект, а потом залезли в настройки программы где меняете путь, но настройки проекта остались прежними. Зайдите в настройки самого проекта и поменяйте путь на ../css
@nomad-kitchen6m2
@nomad-kitchen6m2 3 года назад
Сергей, огромное спасибо!!! Ваш комментарий помог разобраться!книксен:)
@yatogovsyoebal
@yatogovsyoebal 3 года назад
Спасибо огромное, очень помогли!!!
@sophiafill161
@sophiafill161 2 года назад
спасибо, вы спасли меня!
@kate_krem_
@kate_krem_ 2 года назад
Спасибо вам большое!! У меня сработал второй вариант:)
@Alexgrebeshok
@Alexgrebeshok 2 года назад
Спасибо) за 2 часа сам так и не разобрался)
@maik1510
@maik1510 4 года назад
Это просто божественно, спасибо за информацию
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! 😊 Рад что было полезно!
@konstantino7016
@konstantino7016 3 года назад
Женя, вот от самого сердца говорю: с каждым твоим уроком я прям чувствую, как я расту с 0 до начинающего. Столько фишек и крутых вещей узнаю от тебя каждый урок!
@sheraabdurakhmanov9631
@sheraabdurakhmanov9631 4 года назад
Позитивно понятно простым языком хочется смотреть и смотреть !!!!!!!!! СПАСИБО ЗА ТВОЙ ТРУД! партон обеспечен!
@pestovavalentina1258
@pestovavalentina1258 4 года назад
Впервые столкнулась с prepros очень шустренький. Не знала что такая автоматизация существует. Спасибо за уроки!
@artsiombekhtser4474
@artsiombekhtser4474 4 года назад
Действительно шикарная подача материала , как-то раз посмотрел один видос и теперь каждый сижу , пытаюсь , изучаю, вот если б еще были частные курсы было б вообще круто ))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Курс есть бесплатный на канале
@user-xs7xe5kj3t
@user-xs7xe5kj3t 4 года назад
Блин. Я залип на канале. Сегодня просмотрел более 10 видосов. Реально круто и понятно. Жека, твои видосы лучшие. Побольше тебе подписок и лайков.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Супер, спасибо! Я очень рад что полезно!
@bitmainuser4028
@bitmainuser4028 4 года назад
Да, в паре с Мининым отличный курс фронтэнда выходит.
@user-om4sn1pq3c
@user-om4sn1pq3c 2 года назад
Выражаю благодарность за ваш труд, если я таки осилю вашу науку - с меня поляна)
@nikitatytusa9366
@nikitatytusa9366 Год назад
Жека, дякую тобі за таку доступну інформацію, дуже ясно і чітко все викладаєш продовжую далі вчитися з твоєю допомогою))
@PracticeSNow
@PracticeSNow Год назад
Женя, спасибо огромное за качественный и полезный материал :)) помимо самомго материла интересно смотреть твои вступительные ролики из разных мест! классный креативный подход!!!
@uk-lych_sveta
@uk-lych_sveta 3 года назад
Жека, честно говоря нахожусь в самом начале своего пути в IT, несмотря на свои чуть >40 years, но благодаря Твоим замечательным урокам, конечно буду пользоваться всеми программами, которые ты советуешь, в том числе и Prepros. Будь здоров и счастлив!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 года назад
Рад что полезно!
@rustrust-bl7up
@rustrust-bl7up 10 месяцев назад
как успехи?
@uk-lych_sveta
@uk-lych_sveta 8 месяцев назад
@@rustrust-bl7upвсе ок, учимся, работаем, учимся работаем🤠
@user-oq1jk5fy4p
@user-oq1jk5fy4p 7 месяцев назад
помер @@rustrust-bl7up
@user-je9iu1rk8r
@user-je9iu1rk8r 4 года назад
Отличный урок и отличный учитель, спасибо большое, узнал много нового!)
@user-cx9eg1li8l
@user-cx9eg1li8l 3 года назад
Огромное спасибо за урок и за то что сохранили 6-ую версию для мака
@chtosp
@chtosp 4 года назад
Очень круто, Жека, спасибо, продолжай в том же духе!
@Droonee
@Droonee 4 года назад
И снова спасибо! Очень полезная информация. Очень нравится манера повествования. Методично, доступно, с хорошей дикцией.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Пожалуйста! Рад что нравится!
@user-op9lc3ws9z
@user-op9lc3ws9z 2 года назад
Респект і повага до твого контенту. Дуже класний підхід до подачі матеріалу. Доступно та зрозуміло )))
@user-dl1jf8vo2q
@user-dl1jf8vo2q Год назад
спасибо Вам большое за такой подробный и прекрасный учебный материал!!!
@hiddendangerous1918
@hiddendangerous1918 4 года назад
"За" отдельный урок по передаче заказа программисту или заказчику! Пользуюсь PREPROS!
@artemwolkov8567
@artemwolkov8567 4 года назад
Отличный контент. Спасибо Жека! Обязательно начну использовать. Работал с Koala, и с Gulp знаком, но здесь все уже упаковано, почему бы не пользоваться.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Очень рад что вышло полезно!
@Ksksko
@Ksksko Год назад
Здравствуйте сейчас эта программа изменилась спасибо за уроки 👍
@yuriismakota9574
@yuriismakota9574 4 года назад
Несомненно это супер мощная вещь!!! Спасибо за подачу!
@user-xr7pl9hg7g
@user-xr7pl9hg7g 4 года назад
Привет! Контент, как всегда, годный и качественный! Сколько ни смотрел про препроцессоры, думал "Ё-мае", проще JS изучить" (шутка). А тут все в одной проге. Супер-вещица. Качаю!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Рад что видос полезен!
@user-kb4le4me2d
@user-kb4le4me2d 2 года назад
Спасибо за видео! Мега полезный препроц, очень упрощает работу и делает жизнь легче. PS. крутой велосипед)
@advokatsonline
@advokatsonline 3 года назад
отдельная благодарность Жека за то что показал как один HTML вкладывать в другой, эта казалось бы тривиальная задача а траблов может принести капец, если неправильно сделать. Спасибо!
@rim777rim9
@rim777rim9 3 года назад
prepros попробую, потому что смотрю твои уроки верстки html css js. спасибо за уроки.
@user-pc5sr2sg7x
@user-pc5sr2sg7x Год назад
Женя, великолепное, исчерпывающее видео! до данного видео посмотрела все предыдущие, могу однозначно сказать (как учитель), у вас отличные преподавательские данные! есть множество людей, кто хорошо знает свое ремесло, но только единицы могут так грамотно поэтапно объяснить, что и зачем они делают. Сказать спасибо за Ваш труд - не сказать ничего :)
@lexantonov4467
@lexantonov4467 Год назад
Вас не смутило, что материал старый? Я пробовал постигнуть Prepros через его видео, и это, с новым интерфейсом и несколько изменёнными фишками не представляется возможным без просмотра других(многих) источников. Вам удалось по его видео что-то сделать?
@ilovekefir8405
@ilovekefir8405 4 года назад
Спасибо, теперь учиться буду еще быстрее, возможно мне бы он после первого урока уже пригодился, обновляя страницу в браузере я бы сэкономил какое-то время)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Пожалуйста! 👍
@leonmakedon9317
@leonmakedon9317 3 года назад
Всё скачал и начал пользоваться. Отличный Ролик! Было бы интересно узнать про ваш распорядок дня и общение с клиентами, какие казусы попадались вам и как лучше вести себя в той или иной ситуации. Спасибо)
@user-expert_2023
@user-expert_2023 4 года назад
Привет, пользуюсь gulp. После этого видео обязательно попробую prepros. Спасибо, очень полезное видео.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Пожалуйста!
@fewart
@fewart 3 года назад
спасибо, очень приятно смотреть твои уроки. Может найдется время сделать обзор последней версии Prepros
@armenakcomp
@armenakcomp 4 года назад
Очень понравилась программка и спасибо что делитесь с нами такой хорошей информацией. Удачи!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Я рад!
@user-je8md1kc7u
@user-je8md1kc7u 3 года назад
Большое спасибо, полезная программа, и видео тоже очень полезная. Теперь буду пользоваться prepros
@maksimrugalov3158
@maksimrugalov3158 3 года назад
Конечно, буду им пользоваться это мой первый сборщик .Эта опция Automatic Browser Reload, огонь. Спасибо за видео. Снимите видео про Git.
@klyausmyaus1608
@klyausmyaus1608 3 года назад
"За" отдельный урок по передаче заказа программисту или заказчику! Спасибо.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 года назад
Тут ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-c0NiLGXaTzY.html
@klyausmyaus1608
@klyausmyaus1608 3 года назад
@@FreelancerLifeStyle Благодарю.
@mila4308
@mila4308 3 года назад
ничего не использовала, еще не дошла до сборщиков, после вашего видео использую Prepros)) спасибо большое за очередной крутой обзор! как всегда все понятно, супер доступно объясняете, без чего-то лишнего, а главное делитесь такой полезной инфой! и без рекламы! Обожаю ваши видео, спасибо за ваш труд!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 года назад
Пожалуйста! Я рад!
@themirrorofpopularity7478
@themirrorofpopularity7478 3 года назад
Привет)) ты красавчик)) всегда познавательно и лаконично все рассказываешь, показываешь, объясняешь)) тут такое дело Prepros обновила дизайн, там все немного по-другому в плане меню.. Считай можно снять новое видео на эту тему))
@aleksandryushka9571
@aleksandryushka9571 3 года назад
Жека ты очень крутой специалист. Спасибо что делаешь все это для нас. +1 преданый фанат
@pomah7467
@pomah7467 4 года назад
Ценный материал. Спасибо!!!!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо!
@0vercringer993
@0vercringer993 4 года назад
Видео класс, почаще бы такие хорошие видео выходили
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Стараюсь как могу)
@no_way_back813
@no_way_back813 4 года назад
Отличный урок, хоть я и практиковался верстать странички с помощью Gulp, и провел настройку с помощью твоего урока) Все же буду пробовать использовать Prepros и пользоватся им
@NeedForHeavyMetal
@NeedForHeavyMetal 2 года назад
невероятно крутой урок! спасибо!
@user-up8vo5eo9f
@user-up8vo5eo9f 4 года назад
Ребята, качайте со второй ссылки, так как первая ссылка на официальный сайт, а там версия 7 и она отличается от 6 версии, на которой Жэка показывает.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Да, верно
@IgorSemenuk
@IgorSemenuk 4 года назад
Хороший совет, но для Linux не подходит.
@winsol5103
@winsol5103 4 года назад
Спасибо огромное))
@pravnik84
@pravnik84 4 года назад
@@FreelancerLifeStyle Жека, как насчет повторить на новой версии?))))
@pravnik84
@pravnik84 4 года назад
@@katerinak5997 а что по поводу настройки ассоциаций файлов kit? 😊
@user-hm7xf9hj6q
@user-hm7xf9hj6q 4 года назад
Женя! Спасибо большое! Kit работает в 7 версии. Просто не из папки Source, а с корня, потому как index.html создается там, где лежит index.kit т.к. в настройках нельзя указать пути вывода. Но все равно круто! Не обязательно же хранить index.kit и прочие файлы header.html в папке source. А так в целом очень доволен уроком, впрочем как и всегда! Женя, Уил Смитр говорит, что не надо думать, что задача построить стену сразу, задача - положить 1 кирпич, но сделать это лучше всех. вот так и ты учишь постепенно, но очень качественно. Я не гонюсь быстрее стать front end разработчиком, я медленно, но верно и качественно учусь у тебя и верю, что это база потом будет стоять как Китайская стена
@AdmNice
@AdmNice 2 года назад
Понимаю что коммент написан достаточно давно, и может быть уже в программе что-то поменялось, но я нашел как решить проблему с kit/html App Settings>Project Defaults>HTML Tools>Turf (Kit) Меняем Replace Segments на Relative to Input В поле Relative Path пишем такой путь ../ (две точки и слеш) Закрываем настройки и радуемся, файлик сохраняется там где надо ;D Всем добра!
@user-xz9vl8zd5i
@user-xz9vl8zd5i Год назад
@@AdmNice Добрый день! все делаю по урокам но у меня файл index.html основной так и не компилируется можете подсказать в чем может быть проблема?
@igr3943
@igr3943 4 года назад
Казалось бы, столько уже контента на ютабчике есть, нечем удивить... Как же я ошибался! Каждый твой видос эпичный, эпохальный, экстраординарный и тому подобное. Продолжай в том же духе! ну а мы будем поддерживать твой канал! Огромное спасибо! P.S. "Prepros" в триале очень отличается от приобретенной (на данный момент).
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо большое! Стараюсь)
@tymurkhalibekov6474
@tymurkhalibekov6474 4 года назад
Очень полезно. Каждый разработчик должен для себя это открыть!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо!
@aleksgbr3878
@aleksgbr3878 4 года назад
Видос супер полезный спасибо дорогой!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Рад что полезно!
@user-en4cc9jg5c
@user-en4cc9jg5c 4 года назад
Это сказка какая-то! Всё, над чем я бы сидела час-другой, а в чем-то бы даже и не подумала разобраться и настроить, подано как на блюдечке. Я еще не смогла задать и сформулировать для себя вопросов, а ответы уже поданы) Спасибо огромное! Установила, осваиваю.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Супер!
@user-on6lz5ml1y
@user-on6lz5ml1y 4 года назад
Видео очень полезное и информативное! Обязательно буду пользоваться этой программой! Спасибо за обзор и разъяснения! С меня лайк и комментарий (самое минимальное что могу сделать...)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо!
@Doniyorcs50
@Doniyorcs50 3 года назад
Браток ты лучший своём работе👍👍👍
@vladmai4599
@vladmai4599 4 года назад
Пушка, бомба, ракета)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Крутяк! Рад что полезно! 👍
@kotiko_oks
@kotiko_oks 3 года назад
Фбсолютно согласен со всеми коментариями🥰 Жека лучший!!!!!!!!!!!!!!!! 😊 огромное спасибо, зато то , что ты делаешь 🤗🤗🤗 Очень полезная инфа 😊
@emilchapchakchi8593
@emilchapchakchi8593 4 года назад
Уже скачала и настриваю препрос! Спасибо большое, Жень! Автопрефиксер очень порадовал!
@valentiny5461
@valentiny5461 4 года назад
Женя, спасибо, очень полезная штука.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо!
@user-wf4np1ne2c
@user-wf4np1ne2c 4 года назад
Жень видео огонь!! Это именно то, что я хотел, чтоб было автоматическое обновление, и более ускоренное написание кода)))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Рад что полезно!
@dilshodbaxtiyorov1691
@dilshodbaxtiyorov1691 3 года назад
спасибо большое за урок и за полезные информации
@FreelancerLifeStyle
@FreelancerLifeStyle 3 года назад
Пожалуйста!
@annamoshina
@annamoshina 3 года назад
Большущее спасибо за труды и качественный контент! Нашла канал пару дней дней назад и уже столько нового и полезного узнала))
@FreelancerLifeStyle
@FreelancerLifeStyle 3 года назад
Я рад!
@mickzc7064
@mickzc7064 3 года назад
Большое спасибо ! Главное не останавливайся ! Лайк в подарок ! )))
@FreelancerLifeStyle
@FreelancerLifeStyle 3 года назад
Спасибо!
@aleksgbr3878
@aleksgbr3878 4 года назад
Большущий лайк респект и уважуха!)))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо большое!)
@user-mi5xs5pl9p
@user-mi5xs5pl9p 3 года назад
Жека, если бы у нас в школах и университетах преподавали с такой же подачей и интересом, как это делаешь ты - мы бы давно обошли все остальные страны в развитии!
@user-kk6ob5ud3n
@user-kk6ob5ud3n 2 года назад
Круто! Очень кратко и понятно. Спасибо большое!
@adeptusCustodius
@adeptusCustodius 3 года назад
Видос спас меня! У меня на vs code плагин SASS Auto Compiller c ума сошел, 3 дня пытался его настроить, ничего не получилось, а сроки поджимают, нужно доделать верстку. Вот теперь работаю с Prepros! Классная прога! Спасибо Женя!
@artyomvoytenko1237
@artyomvoytenko1237 4 года назад
Спасибо за видос. Никаким компилятором до этого не пользовался. Буду начинать с Prepros. Пока что не все понятно, но думаю, что когда начну активно юзать - все станет на места. В общем спасибо за очередной качественный видос!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо большое! Все мои задачи он покрывает полностью)
@wildtube108
@wildtube108 3 года назад
Не могу разобраться в начале, Тот препрос который скачал я имеет другой вид, нет кнопок слева, меню совсем по-другому расположено , нет разных форматов, kit например. Как настроить эту программу?
@aaronaaaronson9182
@aaronaaaronson9182 2 года назад
Евгений, спасибо за урок. Вопрос. Актуально ли сейчас использовать препрос, если пользуюсь Live Server и SASS в VS Code?
@SANseivich
@SANseivich 3 года назад
Как всегда о(bold)енное спасибо!!! Всё четко разжевал. Эта программа решила некоторые мои вопросы.
@user-rc4yd1kx4t
@user-rc4yd1kx4t 2 года назад
Спасибо! Это то что я искал, буду пользоваться. :)
@aleksgbr3878
@aleksgbr3878 4 года назад
Жека красавец как всегда!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! 👍
@user-lp4ev9fi1m
@user-lp4ev9fi1m 3 года назад
Спасибо за урок!!! Всё супер-круто :) Не стала качать 6. В 7 версии тоже всё понятно интуитивно. Бургер справа вверху. Лайв превью - значок волшебной палочки слева от бургера: внутри поставить 2 галочки и открыть Inspect горячими клавишами ctrl+L и потом открыть в самом браузере файл index.html . Настройки по дефолту через App Settings открываются (в бургере). Вместо Compiler Settings есть 3 вкладки: HTML Tools, # CSS Tools, JS Tools. Ну и так по ходу можно разобраться, ящитаю. А вот kit не нашла в 7 версии (
@radyslavvaluiskyi452
@radyslavvaluiskyi452 4 года назад
Интересный инструмент, будем разбираться по ходу обучения. Спасибо)
@-Forever-Young-
@-Forever-Young- 3 года назад
Отличное видео. Спасибо за твой труд
@elenafromny9567
@elenafromny9567 4 года назад
Спасибо большое, отличный инструмент!!! Избавляет от лишней головной боли!!!!!
@demianamnel01
@demianamnel01 2 года назад
Кто не хочет мучаться с 7 версией на том же сайте, где качаем preprose в меню есть FAQ и тас в вопросе "How can I download prepros 6?" есть ссылка на версию, которая в видосе
@typoproger4545
@typoproger4545 Год назад
спасибо добрый человек
@user-bc6hj6qg3q
@user-bc6hj6qg3q Год назад
А почему мучиться? в чем разница?
@user-oj5fj3yz1x
@user-oj5fj3yz1x 4 года назад
Prepros - супер прога, пришлось купить платную версию, потому что через пару недель юзания бесплатной задолбали появляться окна "купи". Спасибо за такой подробный обзор, теперь буду пользоваться kit.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Супер! Там вышла 7я версия уже. Ее настройки немного отличаются. Но можно пользоваться и 6й без проблем
@olexanderChorny
@olexanderChorny 2 года назад
Супер! На этот момент прога сильно обновилась, изменилась менюха и настройка, но все равно все получилось и работает отлично! Благодарю!!
@oleksandrvorzhev5026
@oleksandrvorzhev5026 4 года назад
Крутая у вас идея сделать видео о получении заказа и после выполнения отправки его заказчику... будет единственный годный видос на всем Ютуб!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Да, но нужно найти заказчика который будет не против. А это почти невозможно))
@oleksandrvorzhev5026
@oleksandrvorzhev5026 4 года назад
@@FreelancerLifeStyle Особенно интересно, как делать мелкие поправки в работающем уже сайте.. То есть когда сайт на сервере. Это прям загадка для новичков)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
@@oleksandrvorzhev5026 ок
@paradox-player
@paradox-player 4 года назад
Воу... для меня было полным откровением про препроцессор kit только либо я плохо искал либо хз но что то не могу найти более подробной информации про него , надеюсь выпустишь видео про препроцессор kit ? Видео как всегда на высоте ) хотя как по мне удобней использовать live server который доступен в vs code как расширение. Как обычно лайк коментарий ну и колокольчик врубил )
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Снимать то про него особо нечего но я что-то придумаю! Ну и про VS Code тоже будет выпуск!
@user-zr9ky8yx8b
@user-zr9ky8yx8b 4 года назад
@@FreelancerLifeStyle В интернете нет инфы про препроцессор kit. Так что думаю будет актуально очень видео запилить:) Спасибо, очень круто канал!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо, что-то придумаю
@user-pc4rn3ev5m
@user-pc4rn3ev5m 3 года назад
Спасибо, Вам, учитель!
@konstantino7016
@konstantino7016 3 года назад
Просто волшебство какое-то! Всё просто и понятно! Спасибо Женя!!!!
@iliagolota9653
@iliagolota9653 3 года назад
Подскажите, пожалуйста, а где можно скачать материалы к видео- preprostest?. P. S. Видео - просто бомба, пушка, ракета!
@islomtoshev8721
@islomtoshev8721 3 года назад
Побольше бы таких людей как ты, и мир стал бы лучше.
@meowmeowmeowmeow000
@meowmeowmeowmeow000 6 месяцев назад
Спасибо большое за это видео, я только недавно начал изучать html и css и всегда мечтал о такой функции чтобы не обновлять страницу и не смотреть результат измененного кода, а чтобы изменения были видны сразу как только изменяешь и сохраняешь код, как я рад что такое уже придумали люди, кстати у вас также очень классные видео про css, много нового из них узнал
@andygr1n1
@andygr1n1 3 года назад
Отличное видео, полезная информация даже учитывая тот факт, что prepros обновился. Так - то пользуемся встроенными в IDE функциями, однако, всегда жаждется "пощупать что-нибудь " новенькое). Спасибо за труд бро.
@Pro_100_R_Z_R
@Pro_100_R_Z_R 4 года назад
Спасибо большое, прошёл уже 12у уроков по вёрстке, все отлично, программа класс. Сначала скачал 7 версию, не смог настроить толком, потом скачал ту которая у тебя, все пучком). Спасибо за годный контент. Скоро буду уже портфолио создавать)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Крутяк!
@user-wk4fi8vm9g
@user-wk4fi8vm9g 4 года назад
Годная крутизна! :)))) я с утками ставлю лайки:)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо!
@yuriishevchenko2594
@yuriishevchenko2594 4 года назад
Спасибо за объяснение еще одного удобного инструмента!
@mikhail3374
@mikhail3374 4 года назад
Пользовался gulp до этого ролика. Буду пробовать prepros теперь. Подача материала просто огонь! Автору огромное спасибо!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо! Про галп не стоит забывать, лучше знать чем нет)
@user-um8lt5jo9c
@user-um8lt5jo9c 4 года назад
Использую галп, но достаточно и етого инструмента, думаю буду юзать prepros. Спасибо!)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Крутяк! 👍
@user-lv1fe6rz5q
@user-lv1fe6rz5q 4 года назад
Все ок Понял где ошибка Видос как всегда 🔥
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо!
@user-vl3in2tt7k
@user-vl3in2tt7k 4 года назад
Круто! На данный момент использую галп, но задумался о переходе на препрос.
@user-eu5xm7xv6q
@user-eu5xm7xv6q 3 года назад
перешел на prepros после твоего видео! спасибо !
@valentyndubin5441
@valentyndubin5441 4 года назад
Спасибо Женя!!! Взял себе на заметку). Если простой проект со стандартными требованиями, то вполне можно юзать. Если оценивать обэктивно. Prepros для сборки проектов на базовом уровне достаточно, для начинающих полный крутяк). Я когда начинал то использовал koala - лайт версия Prepros), там все по простому, отслеживет изменения, компилирует код препроцессоров и добавляет префиксы). Также сборщик можно реализовать в виде расширений в VScode в тем же самым функционалом как и Prepros. Gulp уже для большей кастомизации, можно реализовать гораздо больший функционал и пост обработку под свои задачи. Но всеравно приложение Prepros крутое)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо!
@user-kb1mr4mc4k
@user-kb1mr4mc4k 4 года назад
Спасибо! За твои видео
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Пожалуйста! Рад что полезно!
@snaden3267
@snaden3267 2 года назад
Очень крутое видео как и обучение в целом. Было бы очень круто увидеть обзор на новую версию Prepros,поскольку там в новой версии,как мне кажеться, немного замудрили. В любом случае,спасибо за эти уроки! Очень полезно,быстро и главное - понятным языком)
@HackerPRO777
@HackerPRO777 2 года назад
Ты, наверное, уже нашёл, но у него есть стрим с новой версией.
@snaden3267
@snaden3267 2 года назад
@@HackerPRO777 нет,как-то пропустил, можно ссылку?
@Chester_bell
@Chester_bell 3 года назад
Установил, Юзаю. Кайф!!!) Спасибо Жека
@ccdeal
@ccdeal 3 года назад
ВАЖНО! Все кто скачал последнюю версию и не находит .kit, используйте Turf, расширение указывайте kit и работает всё как надо)
@elmirsalmanov602
@elmirsalmanov602 3 года назад
у меня антивирус не допускает прогу, точно без манера и тд?
@dexterstarr164
@dexterstarr164 3 года назад
@@elmirsalmanov602 Конечно без майнера, антивирус отключи на время, он всегда ругается на сторонние программы
@AloneInThisWorld.
@AloneInThisWorld. 3 года назад
Актуально или нет не знаю) Нашел решение без Turf. В главном окне prepros в списке папок находим и кликаем на index.kit, справа в появившемся меню указываем путь для index.html к корневой папке. Заменяем файл, если нужно. Работает) ВНИМАНИЕ! Теперь в настройках указано, что TURF это KIT так что ставим смело.
@defast950
@defast950 3 года назад
@@AloneInThisWorld. cпасибо, очень помог)
@shokhrookhr3850
@shokhrookhr3850 3 года назад
У меня live preview не работает(
@FreeWINd1
@FreeWINd1 4 года назад
Мега круто! І мега докладно.. Розсмішило: що програма буде показувати сплвіщення: «Купи меня.. Купи» 😂. Такі речі не дають дивитись монотонно і вникаєш в два рази більше. Щиро дякую Жека це шедеврально!! :)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Дякую!
@laterty
@laterty 4 года назад
Бимба-выбухивка! В самом начале своего обучения потратил кучу времени на другие каналы, но как то не зашло. Твои же видео очень крутые и нереально вдохновлют двигаться дальше! Пользуюсь ютубом много лет, но только твой контент вдохновляет на искренние комментарии благодарности!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 года назад
Спасибо большое!
@user-qc2bl7yo6u
@user-qc2bl7yo6u 3 года назад
Конечно я попробую prepros, что за вопрос!). И перейду к твоему видео про препроцессоры)
Далее
Аварийный выход
00:38
Просмотров 808 тыс.
Пранк над Катей 🤣🤣🤣
01:00
Просмотров 172 тыс.
Rose Burrito #shorts
00:35
Просмотров 6 млн
Аварийный выход
00:38
Просмотров 808 тыс.