💡 На каких платформах можно найти мои уроки: t.me/itdoctor_official/23 (интерактивная pdf карта) 🎥 Большой практический КУРС "Frontend разработчик на HTML, CSS и JavaScript": stepik.org/z/113402
@evn-k
2 жыл бұрын
в видео полезной информации секунд 20)
@shm288-o3c
Жыл бұрын
была такая же проблема, как у комментаторов (не создавался .css файл, в нижней панели (как на видео на 4:25) в разделе output не было выбора "live sass compile", также и не было кнопки watch sass, эту панель я открывала вручную, как будто расширение live sass вообще не загрузилось) конечно, много лишних шагов и попыток, но, возможно, как раз что-то из этого мне помогло: 1) устанавливаем расширения, перезапускаем vs code, открываем в vs code саму папку с html и sccs файлами, а не отдельно файлы 2) пока у нас только два файла: .html .scss, поэтому подключаем .html к .scss, хотя, конечно, ничего работать не будет 3) в файле html нажимаем пкм -> open with live server, появится уведомление о том, что сервер запущен на таком-то порте (далее его можно вручную открыть в браузере) 4) я отключила автосохранение кода 5) открываем нижнюю панель вручную: ctrl + j или в верхней панели нажимам на значок toggle panel, там уже выбираем output -> live sass compile 6) сохраняем (ctrl + s) файл .css, и у нас появляется файлы .css и map 7) меняем в .html подключение к sccs на css
@beamingdrivecrash8479
2 жыл бұрын
Красава чувак
@ITDoctor
2 жыл бұрын
спасибо
@ЕвгенияОдесса-у8и
11 ай бұрын
Огромное спасибо! Часа три убила на npm i, ничего не получилось, а тут 3 минуты и можно работать :)
@ITDoctor
11 ай бұрын
спасибо что оценили
@ignattot4tosmog597
Жыл бұрын
Cпасибо, бысто чётко
@ITDoctor
Жыл бұрын
Пожалуйста
@Zinu4
Жыл бұрын
Бро, спасибо огромное, два дня мучался с preprosom, пока не нашел твой видос!
@ITDoctor
Жыл бұрын
Пожалуйста, рад что получилось
@spectrdent6154
Жыл бұрын
Этот плагин уже deprecated. Сейчас там точно такой же, но другой нужно устанавливать.
@paradox-player
2 жыл бұрын
Хм за видео спасибо, но по-моему галп закрывает кучу мелких решений подобно этому)
@ITDoctor
2 жыл бұрын
Пожалуйста. Про галп уже раза три рассказывал так что все желающие смогут использовать и тот вариант. На канале есть и уроки и курсы по нему
@meowmeowmeowmeow000
9 ай бұрын
видео клевое, но только как сделать так чтобы после каждой добавленной строки в scss оно сохранялось не в новый файлик, а например в папку css/main.css? Просто у меня получается так что я создаю файл scss и хочу чтобы он был в одной папке, а файл css в другой папке, но получается так что когда файл css переносишь в другую папку от файла scss то почему то он перестает работать и на его месте появляется новый файл main.css. Я знаю то что вроде как нужно в файлике .json поменять какие то значения чтобы оно нормально создавалось, но хз как это сделать
@ITDoctor
9 ай бұрын
точного ответа вам сейчас не дам. но есть плейлист где мы и другие способы компиляции изучали, и например если делать сборку через gulp то будет так как вы хотите, можно изучить тут kzitem.info/door/PLuY6eeDuleIM2_X9rA_5DDE0rX9cjUQoX но если хотите все таки в редакторе то нужно искать в настройках и описании расширения как это сделать.
@МихаилБлаженный-я2ш
2 жыл бұрын
Круто, на ваш линукс канал тоже подписался, спасибо!
@ITDoctor
2 жыл бұрын
Спасибо
@everlast77777
Жыл бұрын
с миксинами не работает чет
@pointmen__5
2 жыл бұрын
Привет,тоесть всякие препросы и нафиг не нужны теперь!)круто
@ITDoctor
2 жыл бұрын
Ну это оно еюи есть. Просто в виде расширения для редактора, что делает его удобней других решений
@pointmen__5
2 жыл бұрын
@@ITDoctor сто процентів!
@justfisher2920
Жыл бұрын
Я тоже как то долго мучил себя искал способы подключения sass и ничего не получалось даже через node.js потому что неопытен был и многих моментов непонимал, потом ради прикола решил поискать sass плагин в vs и нашел, установил, все заработало как часики и быстро разобрался, потом уже научился другими способами подключать sass, но понял что они бесполезны т.к. велосипед уже придумали и это самый надежный и лучшей способ, рекомендую пользоваться данным способом и спасибо IT DOCTOR'у
@ITDoctor
Жыл бұрын
Спасибо!
@asifabbasov3801
Жыл бұрын
Уважаемый автор у меня не получается, стили применяемые к SASS не хотят применяться
@ITDoctor
Жыл бұрын
sass должен скомпилироваться в css и подключать нужно уже готовый css файл
@sadullakhaitov2273
Жыл бұрын
ты просто лучший
@ITDoctor
Жыл бұрын
спасибо!
@qwerty8858
Жыл бұрын
нифига не понял
@AntonioBenderas
2 жыл бұрын
А как нстроить,если у нас 2 scss файла для разных страниц и надо скомпилировать два разных css для разных страниц с разными путями?
@lezver_94
2 жыл бұрын
Спасибо вам большое ! Очень помогли с этим ! Много кто навязывал на доп.приложениях... а тут по сути ничего не надо)
@ITDoctor
2 жыл бұрын
рад что оценили
@lezver_94
2 жыл бұрын
@@ITDoctor У меня огромная проблема , оставляя ПК в сонном режиме , после как ВКЛ ПК продолжая продолжая учится у меня ни в какую не хочет обновляться css файл, помогите решить проблему!!!
@TeardownJoy
Жыл бұрын
Помогите пожалуйста. После установки live Sass comp не появляется кнопка watch sass. До этого работало. Сейчас пришлось сделать восстановление системы. и кнопка пропала. Удаляю и заново устанавливаю плагин но ничего не появляется.
@ITDoctor
Жыл бұрын
должен быть установлен Live Server (расширение) должна быть создана и открыта папка в которой вы работаете а не отдельный файл.
@DanielGanz-xn6sc
Жыл бұрын
у меня та же фигня была. Все как всегда из-за невнимательности. Создай любой файл, но обязательно с расширением .scss и тыкни на него, должно появиться
@DanilHunko
Жыл бұрын
Красавчик, всё так просто оказывается) Я другий видео смотрел, так там предлагают какие-то программы компиляторы-конвертеры устанавиливать. Не забивайте себе голову личним, автору спасибо
@ITDoctor
Жыл бұрын
Рад что оценили
@dizalix201
Жыл бұрын
Я до этого установил npm sass как его удалить полностью теперь? или он мешать не будет ?
@ITDoctor
Жыл бұрын
ну мешать наверно не будет. удаляете как и все в операционной системе.
@ВладЛитвин-с6д
Жыл бұрын
спасибо за очень подробное объяснение, когда только начинаешь разбираться в какой-либо теме то таких уроков часто не хватает)
@ITDoctor
Жыл бұрын
Понимаю, поэтому и записываю такие уроки для начинающих.
@ЧеловекБудущего-л8ю
Жыл бұрын
а у меня без лайв сервера все работает! это нормально?
@ITDoctor
Жыл бұрын
возможно сейчас он не нужен, или установился сам на фоне при установке live sass . со временем такие изменения в работе расширений возможны.
@HannaKornytska
Жыл бұрын
Почему не появляется watch Sass?
@ITDoctor
Жыл бұрын
live server установлен? и должен быть открыт именно каталог. File/Open Folder если отдельный фал то это может не работать еще можно попробовать через меню вызвать CTRL+SHIFT+P и в поиске пишем sass находим что то вроде Run команды и выполняем. что то из этого точно должно помочь
@HannaKornytska
Жыл бұрын
@@ITDoctor спасибо. Дело было в как раз в файле. Небыло папки
@ezmess2530
Жыл бұрын
Спасибо большое! Быстро, доступно и понятно!
@ITDoctor
Жыл бұрын
Спасибо что оценили
@immasha8187
2 жыл бұрын
спасибо вам очень помогли🙏🙏
@ITDoctor
2 жыл бұрын
Я очень рад!
@oldplayer9122
2 жыл бұрын
Спасибо
@ITDoctor
2 жыл бұрын
Пожалуйста
@unitydeveloper265
2 жыл бұрын
👍👍👍
@ITDoctor
2 жыл бұрын
Спасибо
@НиколайЧеботарь-щ8ж
Жыл бұрын
все получилось, спасибо за объяснение)
@ITDoctor
Жыл бұрын
Пожалуйста
@cheeseman_93
Жыл бұрын
А можно спросить, т.к. у меня нет возможности скачать vs code то я использую breackets и тут есть live sass compile или ему подобные т.к. я вводил его в плагинах и мне выдает другое а информацию я пытался найти но так и не нашел??
@ITDoctor
Жыл бұрын
наверно нет. брэкетс уже не поддерживается. не рекомендую его использовать в будущем. Но если вам нужно то для компиляции sass можно использовать другие варианты, я показывал: kzitem.info/door/PLuY6eeDuleIM2_X9rA_5DDE0rX9cjUQoX но как вы скачаете другие решения если вы не можете скачать редактор VS Code этого уже я не знаю
@АкимеУсеинова-с3е
2 жыл бұрын
Спасибо!!!👍
@ITDoctor
2 жыл бұрын
Пожалуйста
@николайкраснов-р3о
Жыл бұрын
Красавчик помог)
@ITDoctor
Жыл бұрын
Рад
@Kirill_CY
2 жыл бұрын
А подскажите пожалуйста, посмотрел описание вашего курса от на степике, но не совсем понял, в процессе обучения делаются домашние задания и вы их проверяете? Или как закрепляются результаты обучения?
@ITDoctor
2 жыл бұрын
Тестовые задания, Задания на сопоставление, Заполнение пропусков и некоторые другие типы заданий проверяются автоматически платформой. Есть интерактивные задания, где нужно написать код и отправить его на рецензию мне. Таких заданий пока не много и не во всех курсах есть. В статистике о курсе на странице курса есть информация какого типа заданий сколько, а так же сколько видео материала и сколько уроков. Так же в описании есть описание процесса обучения.
@katekashko3684
2 жыл бұрын
Все сделала как вы говорите, но у меня не sass не компилируется в css. Не работает, что делать?
@ITDoctor
2 жыл бұрын
ошибки выдает или как?
@marooffree386
2 жыл бұрын
thx
@dd4el12
Жыл бұрын
Здравствуйте а как указать путь где должен создаться css файл чтобы не засорять всю папку так скажем, хотелось чтобы scss был в одном папке и css в другом
@ITDoctor
Жыл бұрын
в настройках можно прописать все это. в двух словах не отвечу вам сейчас. но можете с легкостью найти ответ в интернете я думаю.
@ИванТюников-д3е
3 ай бұрын
Здесь подробно рассказывается о размещении css-файла в нужную папку. kzitem.info/news/bejne/yKWltX59fZiep2k
@aleks.na.vse.100
2 жыл бұрын
не появляется Watch Sass. Подскажите, что делать?
@ITDoctor
2 жыл бұрын
Live Server установлен?
@ДмитрийБогдан-б4д
2 жыл бұрын
Спасибо огромное, все очень понятно и просто
@ITDoctor
2 жыл бұрын
Рад что оценили
@Ривьён
2 жыл бұрын
почему в видео 3.0 версия live sass compiler? её щас никак не скачать по крайней мере в вс код при установке 5 версии у меня whatch sass не отображается внизу
@ITDoctor
2 жыл бұрын
Видимо это произошло довольно недавно. Когда вы в расширениях редактора ищите Live Sass Cimpiler что вы видите? Я вижу перечеркнутое название и написано - пожалуйста используйте новую версию. Судя по всему вышло новое расширение. Оно так же указано там сразу ссылкой. Переходим, скачиваем устанавливаем и по аналогии пользуемся. если что то не совпадает с тем как это было раньше смотрим в описании расширения. Там конечно на английском языке, но применив некоторые усилия и попробовав все самостоятельно все получится. Только так можно научиться чему то. Я не могу все сделать за вас.
@beebee-sn9sb
2 жыл бұрын
создай папку scss,а в ней файл style.scss и у тебя появится отображение в низу
@seryibaran_official
2 жыл бұрын
Жил был Vite.js
@nikam7364
2 жыл бұрын
Спасибо за видео, а этот файл .scss он должен обязательно находится в одной папке с CSS?
@ITDoctor
2 жыл бұрын
нет не обязательно
@bake5448
Жыл бұрын
@@ITDoctor Здравствуйте.Как забиндить на кнопку компилирование html классов как ecssTracktor,только на scss?По бэм именно.Долго ищу по поводу этого вопроса.Спасибо заранее
@snoy_zvi
2 жыл бұрын
Спасибо за видео! Получилось довольно информативно. Не хватает таймкодов, конкретно для интеграций. Советую к просмотру ;)
@ITDoctor
2 жыл бұрын
Интеграция это мой курс) Таймкоды добавил, спасибо
Пікірлер: 90