Тёмный

#2 Расширения (плагины) и Темы в редакторе VS Code 

ITDoctor
Подписаться 71 тыс.
Просмотров 24 тыс.
50% 1

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

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 56   
@ITDoctor
@ITDoctor 3 года назад
Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402
@green3216
@green3216 5 лет назад
Огромнейшей спасибо youtube за то, что позволяют таким людям как ITDoctor делиться с нами своим опытом. И , конечно же, спасибо вам ITDoctor !
@bobpps
@bobpps 5 лет назад
Огромнейшее спасибо! Было классно, если бы Вы рассказали об об интеграции в Laravel.
@ГерманХамитов-ж4ь
Спасибо большое, многое новое для себя нашёл!
@_meta_data_9992
@_meta_data_9992 4 года назад
классное видео, смотрю еще №1 сразу
@ВиталийЮркин-м7п
@ВиталийЮркин-м7п 4 года назад
У тебя очень крутые и полезные видео! Спасибо большое!
@voltifer5267
@voltifer5267 5 лет назад
Спасибо огромное, все время хотел найти что-то подобное!
@ИгорьАршавин-з8с
Ваш канал - золото!
@113DEVIL113
@113DEVIL113 3 года назад
Спасибо, друг!)
@ITDoctor
@ITDoctor 3 года назад
Пожалуйста
@ganjackal
@ganjackal 3 года назад
спс так скажем новичку не все понятно сразу но в процессе буду знать куда подсмотреть)!
@rommand7338
@rommand7338 5 лет назад
Реально не хватает практического руководства по настройке линеров и форматтеров типа ESlint, stylelint - для работы с html, css, JS. Объяснить для новичков по шагам: где что прописать в настройках, куда(и какие) размещать конфиги, и что делать, если установленные через Vscode линеры не работают и требуется установка пакетов через npm.
@lackwindertonstreams7000
@lackwindertonstreams7000 5 лет назад
Классное видео
@ВладимирТюрин-з6е
@ВладимирТюрин-з6е 4 года назад
Спасибо !!!
@martinpokrovski9212
@martinpokrovski9212 5 лет назад
спасибо
@maksymskachkov1098
@maksymskachkov1098 4 года назад
Thanks!
@KuKu_RuKu88
@KuKu_RuKu88 4 года назад
Сильный обзор! Но, подскажите, можно ли на строить как-то подсвечивание элемента(блока) в браузере, как например в Брекетсе с хромом.??? В Брекетсе стоит только установить курсор не каком-то фрагменте кода, так сразу этот элемент подсвечивается синим цветом в Хроме !!! очень удобная штука, помогает видеть, как перемещается элемент. Помогите пожалуйста, если знаете !!! :))
@___KS___
@___KS___ Год назад
Beautify пишет больше не поддерживается .. модно ли им пользоваться в новых версиях и как это влияет на процесс ?
@WixxTeR
@WixxTeR 4 года назад
а какое либо продолжение будет либо тема уже исчерпана? очень бы хотелось побольше о ВСК
@ITDoctor
@ITDoctor 4 года назад
Будет после армии
@Medeet
@Medeet 4 года назад
А как делать чтобы подсказки вышли
@alexeipopov3319
@alexeipopov3319 5 лет назад
Важно! Чтобы SASS компилировался в папку css и создавался файл .css минифицированный нужно в настройкай settings.json в список прочих настроек вставить такую конструкцию: "liveSassCompile.settings.formats": [ { "format": "compressed", "extensionName": ".css", "savePath": "/css" } ] Вместо compressed можно вписать другое значение, читайте документацию, или удалить compressed нажать Ctrl+пробел (в VSCode откроются варианты) и выбрать значение. Папку и файл .css создавать не нужно, все создается автоматически после компиляции Путь к settings.json: Параметры>Расширения>Live Sass Compile Config>Settings:Formats Ну а там "Изменить в settings.json Всё, спасибо за внимание :-))) У меня так (сплагиатил у ITD): { "git.path": "C:\\Program Files\\Git\\cmd\\git.exe", "editor.minimap.enabled": true, "editor.wordWrap": "on", "editor.tabSize": 3, "editor.fontFamily": "'Consolas', monospace", "editor.fontSize": 16, "editor.mouseWheelZoom": true, "window.menuBarVisibility": "default", "workbench.sideBar.location": "left", "workbench.activityBar.visible": true, "editor.renderWhitespace": "none", "editor.renderControlCharacters": false, "window.zoomLevel": 0, "workbench.colorTheme": "Material Theme High Contrast", "files.autoSave": "onFocusChange", "workbench.startupEditor": "newUntitledFile", "workbench.statusBar.feedback.visible": false, "files.defaultLanguage": "html", "workbench.iconTheme": "material-icon-theme", "git.autofetch": true, "liveSassCompile.settings.formats": [ { "format": "compressed", "extensionName": ".css", "savePath": "/css" } ], "explorer.confirmDelete": false }
@ITDoctor
@ITDoctor 5 лет назад
спасибо, возможно кому-то будет полезно.
@ITDoctor
@ITDoctor 5 лет назад
вот страница с документацией: github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md
@ЕвгенийМисюра-х2ы
@ЕвгенийМисюра-х2ы 3 года назад
как изменить цвет в нескольких скриптах css?
@ИльяСафронов-я8ф
@ИльяСафронов-я8ф 2 года назад
)
@geroy1965
@geroy1965 Год назад
Доброго времени суток. Скачал расширение Git History Diff, перезапустил vscode и сам компьютер но расширение не появляется и не работает. В чем может быть проблема ?
@ITDoctor
@ITDoctor Год назад
давно не пользуюсь уже этим расширением. использую гит граф. с ним точно проблем нет могу лишь порекомендовать тоже делать так. или разбираться самостоятельно ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NMh4u5tyDC4.html
@nonicknameee
@nonicknameee Год назад
А как цвет самого текста менять? Вот например хочу я чтобы определённое слово было у меня таким то цветов, можно ли так?
@ITDoctor
@ITDoctor Год назад
вы имеете ввиду в подсветка от редактора?
@nonicknameee
@nonicknameee Год назад
@@ITDoctor я не знаю подсветка от редактора это или нет. Я имею ввиду что хочу например чтобы слово class было например зелёным а его значение красным
@ITDoctor
@ITDoctor Год назад
@@nonicknameee это от темы зависит. Разные попробуйте. Можно и свою сделать, поэтому поводу можно найти информацию в интернете
@hellishfire4710
@hellishfire4710 5 лет назад
Каких то новых плагинов для себя не заметил =) Хотя хотелося б чего то полезного и такого чего нет в 500 остальних видео обзорах даного редактора) Например Sass Variables Helper очень прикольний плагин для работы с переменными colors .. Искал что то наподобие для шрифтов и миксин .. пока не нашел =) в поиске
@alxputnik
@alxputnik 5 лет назад
Спасибо большое за видосы. Что скажешь о JS & CSS Minifier? В CSS почему то не группирует медиазапросы у которых задана одинаковая величина экрана. Может настройки надо поправить, или вообще это не умеет?
@ITDoctor
@ITDoctor 5 лет назад
не знаю есть ли такая возможность в CSS Minifier, но в CSS Clean вроде есть. Это модуль для галпа. я показывал В видео по сборке проекта на Gulp 4 установку этого модуля, а на его странице можно посмотреть разные варианты настроек и возможности которые он поддерживает.
@alxputnik
@alxputnik 5 лет назад
Сlean-css там имеется. Во всяком случае указан в зависимостях. Только с первого захода не нашел как его там в VS Code настраивать ) Попробую еще порыться.
@ITDoctor
@ITDoctor 5 лет назад
@@alxputnik у вот этого расширения есть вроде всё и варианты настроек там приведены. prntscr.com/n8wx2k
@alxputnik
@alxputnik 5 лет назад
@@ITDoctor Спасибо, посмотрю. В первом случае "new CleanCSS": { "level": 2 }, почему то не сработали.
@elena8553
@elena8553 4 года назад
подскажите пожалуйста, как сделать чтоб у файла gulpfile.js значок поменялся с JS на значок для Gulp? расширение Material Icon Theme установлено
@elena8553
@elena8553 4 года назад
разобралась, нужна была перезагрузка VSC :)
@ИванИванов-е9з1ч
@ИванИванов-е9з1ч 5 лет назад
Редактор функциональнее чем Sublime Text ?
@ТаняТргубець
@ТаняТргубець 5 лет назад
Спасибо за видео! Но вот только не пойму, почему Go live не открывает image. Может можно как-то подключить? Подскажите.
@АлександрАлександрович-ч6л
бьютифай работает нажатием - ctrl+s
@daniilukraine3611
@daniilukraine3611 5 лет назад
HELLLPPPPP !!! такая ситуация перебил винду сбился vs code с плагинами , ищу расширение оно выравнивало мне столбцы в коде как Beautify , но выравнивало автоматически , как но назается !!!!
@Ramb33
@Ramb33 5 лет назад
Prettier - автоформатирование кода, авто выравнивание отступов в HTML, CSS, JS
@finzdrav8646
@finzdrav8646 5 лет назад
Danik Danik Prettier Cod formater
@kandreyk9159
@kandreyk9159 5 лет назад
Да, редактор бесподобный, майкрософт умеет удивить иногда
@Роман-г2г6б
@Роман-г2г6б 5 лет назад
Что это за тема?
@ITDoctor
@ITDoctor 5 лет назад
я видео для кого записывал, и описание писал?
@zanusssidokazano1854
@zanusssidokazano1854 3 года назад
@@ITDoctor не тема а цвета самого кода как ты выставил такие именно
@ITDoctor
@ITDoctor 3 года назад
@@zanusssidokazano1854 цвет кода зависит от темы. про тему я рассказывал в этом видео на 8:47 .е сли такую тему скачать и установить то будут и у вас такие цвета. или я не понял суть вашего вопроса?
@zanusssidokazano1854
@zanusssidokazano1854 3 года назад
@@ITDoctor да все так , я просто всякой херни наставил и когда поставил твою тему то у меня не поменялись цвета кода, этиже цвета стояли у меня на Сублайме, только посочнее ,насыщенее Dark soda+ Neon(Colorcoded)= ух красотище! Вот хочу такое же сделать на VS, может подскажешь?
@ITDoctor
@ITDoctor 3 года назад
@@zanusssidokazano1854 после установки темы ее нужно выбрать в меню file/preferences/color theme и все. Все просто
@weltonn
@weltonn 4 года назад
7:30 что делать если нету кнопки open with live server
@ITDoctor
@ITDoctor 4 года назад
На файл html правой кнопкой и там в меню запустить лайв сервер можно
Далее
Как он понял?
00:13
Просмотров 108 тыс.
We finally APPROVED @ZachChoi
00:31
Просмотров 3,2 млн
Настройка VS Code для верстки
34:27
Просмотров 308 тыс.