VS Code - настройка, установка, плагины ✅ Подробный гайд за 30 минут про VS Code

  Переглядів 127,351

Анна Блок

Анна Блок

День тому

🔥 Интенсив «Первый заработок на создании сайтов»
Участие бесплатное, но необходимо зарегистрироваться:
frontendblok.com/intensives/start
Таймкоды:
00:00​ Вступление
00:51 Установка
01:19​ Русификация
02:45​ Обзор интерфейса
04:47​ Вкладка Explorer
06:33 Работа с WorkSpace​
08:03 Вкладка Search​
09:41 Работа с Git и Github​
12:09​ Вкладка Run
13:01 Вкладка для установки плагинов​
13:30​ Поле для разработки кода
18:21​ Список плагинов для установки
26:51 Смена темы VS Code​
VS Code - code.visualstudio.com/
Статистика использований - stackshare.io/visual-studio-c...
#ityoutubersru #vscode #visualstudiocode
✅ Поддержать канал - / @annblok_webdev
✅ Instagram - / annblok
✅ TikTok - / annblok_webdev
✅ Сайт - tpverstak.ru
✅ ВК - tpverstak
✅ Telegram - t.me/tpverstak
✅ Чат Telegram - t.me/tpverstakchat
Обучение Frontend-разработке - frontendblok.com/
Frontend Book PDF - tpverstak.ru/frontendbook
Задать вопрос про фронтенд или верстку - frontendhelp.me/ru

КОМЕНТАРІ: 207
@IrinaChernikova90
@IrinaChernikova90 3 роки тому
Всегда рада вашим новым роликам.Смотреть очень интересно и познавательно!
@varreshka
@varreshka 3 роки тому
очень все доступно и главное полезно. Все четко, без лишней информации, по полочкам. Супер, полуил истинное наслаждение просматривая. КАк новичок , смотрел согромным упоением и безгранично благодарен автору ( девушке ) за материал.
@user-ec2iq5fm1m
@user-ec2iq5fm1m 3 роки тому
Жаль, что "дошел" до твоего канала так поздно. Крутая подача информации. Умница!
@lxndrrl
@lxndrrl 3 роки тому
Инфо по плагинам вообще огонь. Спасибо!
@user-ps2zi6gt2p
@user-ps2zi6gt2p 3 роки тому
Класный видеоролик, теперь шарю в настройках. Спасибо большое)
@mew6085
@mew6085 3 роки тому
Уже смотрел разные видео на эту тему, думаю ну че еще можно рассказать. Оказывается можно, огромное спасибо за видео. Достойный контент))) Особенно плагины топчик.
@annblok_webdev
@annblok_webdev 3 роки тому
Рада, что вы нашли что-то новое для себя 🤗
@dmitriy3590
@dmitriy3590 3 роки тому
Большое спасибо за обзор и инструкцию!
@exemlelele1848
@exemlelele1848 3 роки тому
После Toggle Word Wrap открылось второе дыхание. Спасибо
@andreyfedyukin8360
@andreyfedyukin8360 3 роки тому
Спасибо за видео, всё супер! Увидел Ваш ролик случайно и не пожалел, что посмотрел. Всё понятно, компактно и по делу. Спасибо.
@annblok_webdev
@annblok_webdev 3 роки тому
Спасибо за отзыв 😊
@Blondguy12
@Blondguy12 3 роки тому
Спасибо большое! Узнал много полезного, хотя сам работаю в vs code уже немало времени
@annblok_webdev
@annblok_webdev 3 роки тому
Рада, что нашли что-то полезное для себя 🤗
@user-ok4gq4vy6g
@user-ok4gq4vy6g 3 роки тому
Вполне с вами согласен, очень интересное, информативное видео.
@severs6572
@severs6572 2 роки тому
подписался, лайкнул, комментирую). Видео стоящее, спасибо. Всё четко, без эканья и всяких кривляний. Грамотно и по делу. Спасибо. Буду настраивать и работать.
@dieselpower1252
@dieselpower1252 3 роки тому
Очень годный и полезный обзор! Узнал много нового, хотя до этого думал, что отлично знаю и применяю необходимый функционал VS Code. Благодарствую, Ань! Лайк поставил, подписан давно и колокольчик активен постоянно.
@annblok_webdev
@annblok_webdev 3 роки тому
Спасибо 🤗
@dieselpower1252
@dieselpower1252 3 роки тому
@@annblok_webdev по-моему, данный твой обзор - лучший из всех, что есть на данное время. Всё по сути, без "воды" и именно тот функционал, который действительно нужен и делает пользование VS Code очень удобным. Благодарю за труд, Ань! Буду теперь пользоваться именно твоими советами в настройке и использовании программы.
@annblok_webdev
@annblok_webdev 3 роки тому
Рада слышать ☺️
@andrewchili2108
@andrewchili2108 2 роки тому
спасибо! а можно ли как-то сохранить настройки редактора, плагины для переноса?
@oksana-ua75
@oksana-ua75 3 роки тому
Спасибо, все очень подробно.
@user-rl6eo4bt6t
@user-rl6eo4bt6t Рік тому
Наконец то нашел видос с грамотным и понятным объяснением!)
@candyboom8863
@candyboom8863 3 роки тому
огромное спасибо за видео. Достойный контент))) Особенно плагины топчик.
@umnyicoder
@umnyicoder 3 роки тому
Спасибо за обзор! Реально подробно и за 30 минут. А в каком сезоне и серии кремниевой долины был этот кадр?
@annblok_webdev
@annblok_webdev 3 роки тому
Спасибо! Сезон 5, серия 8
@user-zi8sc8nq6e
@user-zi8sc8nq6e 3 роки тому
Было интересно смотреть спасибо за толковый обзор автору канала лайк и респект!
@kerusdc8322
@kerusdc8322 Рік тому
скажите, какое есть расширение vscode для автоопределения кодировки? или есть команда? а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других
@IZHGTUmekhanik
@IZHGTUmekhanik Рік тому
Спасибо за видео гайд! Вопрос от новичка какой плагин установить что бы облегчить навигацию по коду ? вижу есть сбоку панель структура - она только показывает список объектов/функций но мне надо в коде создавать метку и подписывать участок кода и что бы она отображалась в оглавлении - какой плагин так может?
@Alena_Night
@Alena_Night 3 роки тому
Спасибо за крутой обзор,смотрю не отрываясь успехов вам в делах
@rutrezv
@rutrezv 3 роки тому
Благодарствую! Очень полезно
@likeclockwork9600
@likeclockwork9600 3 роки тому
Канал отличный, много видео с практикой. А подписчиков не так много, жаль. Спасибо Аня и больше Вам подписчиков!
@annblok_webdev
@annblok_webdev 3 роки тому
Зовите друзей 😄
@user-md4di5wz9s
@user-md4di5wz9s 3 роки тому
Все сказала, что я хотел написать. Большое спасибо
@mekhtimamedov5885
@mekhtimamedov5885 3 роки тому
I think Anna should try to make a channel in English? Why not, maybe yes? Анна может ещё на английском языке сделать канал про JS ?Спасибо
@user-bt2qk6tv3l
@user-bt2qk6tv3l Рік тому
Не все переведено, поэтому давайте вообще не будем переводить - логика! А давайте тогда поставим китайский язык - чтобы торкнуло сильнее.
@user-ii7qn2ur7l
@user-ii7qn2ur7l 7 місяців тому
Слишком быстро и не понятно новичку будет что куда откуда взялось и где эти папки хранятся в самой программе или сохраняются на жёсткий диск
@r3mdg
@r3mdg 3 роки тому
Спасибо за видео. Как и многие пользуюсь давно VScode но про некоторые моменты узнал только из видео. Анна спасибо за ваш труд!
@user-cr4ks2fb1m
@user-cr4ks2fb1m 3 роки тому
ждал такой обзор, по VS Code больше чем свою зарплату))) ООчень полезно, спасибо
@annblok_webdev
@annblok_webdev 3 роки тому
🤗🤗🤗
@----4402
@----4402 3 роки тому
Спасибо за рекомендации и подробное объяснение. Пригодится.
@tolasnisar2494
@tolasnisar2494 3 роки тому
Спасибо вам за видео ролик, было полезно.
@user-sv6by3fr7d
@user-sv6by3fr7d 3 роки тому
отличный гайд по настройке VSCODE как раз то что искал!
@akhmad_goytinski
@akhmad_goytinski Рік тому
Огромное!!! Спасибо за обучение!!! Вот вопрос - какой то плагин создаёт dist папку с файлами. Как отключить создание dist папку с файлами? С уважением к Вам Ахмад
@ganjackal
@ganjackal 3 роки тому
Так; спасибо Анна но вот вопрос создал новую вкладку для того что бы клонировать репозиторий но кнопка не нажимается а вот в первой вкладке написано инициализировать репозиторий и предлагают в в тексте изучить документацию, установить Git поискать расширение в Marketplace! Подскажите что надо сделать пока эту установку я пропустил! Спс
@denysivashchenko2080
@denysivashchenko2080 3 роки тому
🔝👍🏻 великолепно ,спасибо Анна !)
@besochapka1081
@besochapka1081 3 роки тому
I watched an interesting interview with pleasure. Thank you. I liked the like channel. I look forward to new releases
@samolevich
@samolevich 2 роки тому
Можно ли импортировать/экспортировать настройки? Было бы очень удобно
@progerlife6690
@progerlife6690 3 роки тому
С VS кодом я уже года 2 работаю, если не больше. Использую плагин С/C++ и компилятор MinGW для компиляции программ, так как работаю программистом С++. Front-end изучаю для себя, можно сказать как хобби) За видео и плагины спасибо, лайк!
@annblok_webdev
@annblok_webdev 3 роки тому
Спасибо за дополнение 😊👍🏻
@depishdev6942
@depishdev6942 11 місяців тому
К чему такие извращения с MinGW ?
@AZ993k
@AZ993k Рік тому
Спасибо, полезно очень. Много фишек почерпнул
@lanalinova7736
@lanalinova7736 3 роки тому
Видео обзор супер! Каналу большой респект!
@user-vr3vv2nc6g
@user-vr3vv2nc6g Рік тому
Здравствуйте! подскажите пожалуйсто, что нужно сделать чтобы перед кнопкой file появилась кнопка code?спасибо.
@gavr8111
@gavr8111 3 роки тому
Анна, подскажите, у меня после установки расширения SFTP появляется сообщение: SFTP expects to work at a folder.
@user-hs8ef8jq5c
@user-hs8ef8jq5c 3 роки тому
Спасибо за ролик! Подскажите, пожалуйста, как сделать чтобы новый создаваемый файл всегда был html по умолчанию? Он txt по умолчанию.
@annblok_webdev
@annblok_webdev 3 роки тому
Открыть Settings, вписать в поиск files.defaultLanguage и там в поле прописать html. Или второй вариант - в файл setting.json добавить строку "files.defaultLanguage": "html"
@denial3874
@denial3874 2 роки тому
Анна Блок скажите пожалуйста, а как быстро закомментировать кусок кода ?
@onii-chan4379
@onii-chan4379 3 роки тому
Всем привет. Подскажите, пожалуйста, как редактировать код в команде
@eugenesmith9940
@eugenesmith9940 Рік тому
Я так понимаю жизненная необходимость плагина Live server заключается в продлении жизни клавишам ctrl, s и f5? :)
@alexmcgregor8072
@alexmcgregor8072 2 роки тому
Анна, какую версию проги вы используете. В моей 1.63.2 при вызывании окна Add Folder Workspace открывается папка с содержимым моего компа и вызвать папку online-test не удается . Я новичок, может чего-то не понял?
@igorkomarov6607
@igorkomarov6607 2 роки тому
Доброго! Как у Вас решен вопрос с синтаксисом ES6, который этот глючный VS Code не хочет воспринимать?? Я не смог решить эту проблему, а клонировать и комиттить можно хоть из cmd. ЗЫ Anna Kubov, Анна Блок who is the else?
@billgates8626
@billgates8626 Рік тому
Самый крутой обзор VS Code, который доводилось видеть. Предельно конкретно с акцентами на правильных местах. Просто снимаю шляпу и ... подписываюсь (хоть я и не фронтендер)
@morionswizzle
@morionswizzle 2 роки тому
Cкажите пожалуйста, как сохранить файл. Вот вы написали например Hello World, и вам нужно его сохранить, чтобы он отображался в браузере, как это сделать?
@nikolaymasliuk7767
@nikolaymasliuk7767 Рік тому
как переключаться между редактором кода и браузером при фул скрин?
@olgam535
@olgam535 Рік тому
Очень толково! спасибо!!
@user-oc4yz1is6x
@user-oc4yz1is6x 3 роки тому
Какой чудесный у вас носик.
@OlibanumElectum
@OlibanumElectum Місяць тому
Здравствуйте Анна, скажите пожалуйста название цветовой темы VSC
@TamaraNikolaevna
@TamaraNikolaevna 7 місяців тому
Анна, спасибо за видео и отдельное спасибо за тему Night Owl!
@user-hm2ig2mh3m
@user-hm2ig2mh3m 2 роки тому
Аня спасибо за материал! Подписался, поставил лайк. Буду просматривать канал!
@annblok_webdev
@annblok_webdev 2 роки тому
❤️
@claus_family5515
@claus_family5515 3 роки тому
Спасибо огромное) Помогли!
@annblok_webdev
@annblok_webdev 3 роки тому
Я рада 🤗🤗🤗
@MikhailRasha
@MikhailRasha 11 місяців тому
Самое понятное объяснение ! Спасибо вам интересное и полезное видео. На счет англ языка согласен, но пока не могу перейти )) обязательно перейду в позже
@user-te7ml7rv8j
@user-te7ml7rv8j 5 місяців тому
Действительно полезный гайд. Начал изучение фронтенда (перед этим закончив изучение бэкэнда) и колеблюсь с выбором среды. Вебшторм от ДжетБрэинс - пробно всего 30 дней, браузерные среды - неудобны и ограниченны, пайчарм после бэкэнда - не совсем подходит. А ВСД кажется более привлекательным. Особенно после Вашего видео. Спасибо за обзор. Полезно :)
@user-yv6io6li3i
@user-yv6io6li3i 2 роки тому
Добрый день,на 17,26 мин.Вы говорите,как переключаться в браузер.Напишите пож.,а как включить в работу браузер?
@user-oj7zo7ku6p
@user-oj7zo7ku6p Рік тому
Подача хорошая, но скоростная. Я так и не поняла куда вы нажимаете и как подключаете правое окно"live server preview"?
@user-fs5yb9nd6y
@user-fs5yb9nd6y 2 роки тому
Добрый день, Анна. Спасибо за подробное и столь полезное видео, но у меня вопрос, сейчас работаю в команде над проектом верстка лендинга в vs code, у напарника написанный код можно посмотреть в live server и у него красивая верстка этот же файл(html scss) у меня поломанный, уже установила кучу расширений, проблема сохраняется. Что это может быть?
@annblok_webdev
@annblok_webdev 2 роки тому
Наверно у вас / впереди пути указан
@ItMenMoney
@ItMenMoney 9 місяців тому
Раздел "Customize" отсутствует, подскажите как добавить?
@Rasty_Boss
@Rasty_Boss 3 роки тому
можно видео про отлатчик кода для Js плз
@Zero_Espada
@Zero_Espada 2 роки тому
Большое вам спасибо за то что вы делаете, вы мне прям Америку отрыли если честно. С каждой информацией которую вы даёте мое лицо становилось все светлее и светлее))) правдой некоторые моменты меня а азодачили, в связи с эти большая просьба не могли бы вы сделать отдельное видео по тому как работают плагины как их настраивать, ну так сказать всю подноготную показать для чайников особенно. К примеру я так и не понял как работает Polacod, и как скомпилировать live Sass Compiler с CSS. И ещё почему-то у меня не вышел раздел Clone repository. Извините что комментарий вышел такой длинный))) ещё раз спасибо за все ваши видео, смотрю их и пересматриваю
@user-eh9gx8wt4p
@user-eh9gx8wt4p 3 роки тому
Большое вам спасибо, за то что сняли столь полезный ролик по настройке VS Code.
@user-xp7cw9qs5j
@user-xp7cw9qs5j 2 роки тому
Люди, подскажите, у меня в терминале пропал значок корзины и вместо окошка с выбором терминалов всего один: cmd Как вернуть всё
@slandermannn
@slandermannn 2 роки тому
Что мне делать ,у меня нет папок online-test и прочих что мне делать ?
@user-pr6ll7sn2m
@user-pr6ll7sn2m 3 роки тому
Спасибо за обучение, очень мало сейчас такого крутого контента на ютуб
@user-dv9fk1hd3s
@user-dv9fk1hd3s 2 роки тому
Предпочитаю с git работать через терминал. Если научиться нажимать готовые кнопки в VSCode, то когда будет надобность работать в другой IDE, можно растеряться. А через терминал git везде одинаково работатет.
@user-lj9tw3ko8y
@user-lj9tw3ko8y 3 роки тому
Когда я скопировал код из «html» в «css» с помощью плагина «eCSStractor for VSCode», ничего не вставляется. В буфере обмена появился скопированный мною код, но он не отображается. Где у меня ошибка?
@bourbon3965
@bourbon3965 Рік тому
Здравствуйте, всё очень здорово!! Но у меня нет папки онлайн-тест!!! Что её просто необходимо создать? Я нуб просто совсем 🤦‍♂️
@user-zk9bb6vo5p
@user-zk9bb6vo5p 3 роки тому
спасибо!
@user-to5el1yk1s
@user-to5el1yk1s 2 роки тому
Лучший совет за год, Переставить везде язык на английский. Спасибо, так и поступлю!
@yurinedvedski6767
@yurinedvedski6767 Рік тому
Приятно отметить, что мой лайк 3000. Удачи в продвижении канала :)
@annblok_webdev
@annblok_webdev Рік тому
Спасибо ❤
@user-mo9wf1dl5u
@user-mo9wf1dl5u 2 місяці тому
@@annblok_webdev подскажите пожалуйста, почему при запуске кода через code runner во входные данные выводятся вопросики, как это испарвить? только это пайтон
@andreasshev5748
@andreasshev5748 Рік тому
Аня, большое спасибо вам!
@MultiSitemaster
@MultiSitemaster 3 роки тому
Сам пользуюсь PHP Storm, но за видео спасибо))
@annblok_webdev
@annblok_webdev 3 роки тому
Про продукты JetBrains в скором времени тоже будут видео 😊
@user-cl9dm8vq1n
@user-cl9dm8vq1n Місяць тому
Спасибо. Было очень полезно
@eleonora5101
@eleonora5101 2 роки тому
как запустить vs code от администратора мас? подскажите пожалуйста
@denisnikachev5742
@denisnikachev5742 Рік тому
Спасибо:)
@oliverst5302
@oliverst5302 2 роки тому
Как перенести установленные плагины с компа на комп?
@sergeyzatsepin513
@sergeyzatsepin513 3 роки тому
А чего у тебя кстати нет ничего о ресет/нормалайз css? Ты же работала вроде верстальщицей и никогда не сбрасывала стили?? Или свой файлик составляла?
@annblok_webdev
@annblok_webdev 3 роки тому
Как вопрос связан с этим видео?
@sergeyzatsepin513
@sergeyzatsepin513 3 роки тому
@@annblok_webdev Сорянидзе! Нашел у тебя про сброс мельком.
@papadenteam
@papadenteam Рік тому
Спасибо!
@grimoldman8985
@grimoldman8985 2 роки тому
Всё просто и понятно. Спасибо Аня. Ты супер. Лёгкая подача материала, всё по пунктам без лишнего мусора. Удачи тебе в развитии контента.
@ruslangrin1188
@ruslangrin1188 2 роки тому
Запускаю код через Code Runner Выдает это "node" �� ���� ����७��� ��� ���譥� ��������, �ᯮ��塞�� �ணࠬ��� ��� ������ 䠩���. Что это может быть?
@asifabbasov3801
@asifabbasov3801 Рік тому
Добрый день, я по какой то причине не могу скачать VS code. Можете сказать в чем дело?
@giggsvea
@giggsvea 3 роки тому
Подскажите, как спрятать кучу кода в css-файле под комментарий?
@user-dv9fk1hd3s
@user-dv9fk1hd3s 2 роки тому
На windows - выделить текст и нажать shift + alt + A
@polinazelenskaya866
@polinazelenskaya866 Рік тому
спасибо!))
@slava04111982
@slava04111982 2 роки тому
Отличный обзор 👍
@annblok_webdev
@annblok_webdev 2 роки тому
Спасибо 🔥
@slava04111982
@slava04111982 2 роки тому
@@annblok_webdev спасибо Вам большое за то что вы делаете для нас.
@ramyora9531
@ramyora9531 2 роки тому
молодец! подробно! доходчиво!
@annblok_webdev
@annblok_webdev 2 роки тому
🤗
@AntiBandera
@AntiBandera 3 роки тому
Аня а Блок это псевдоним ?
@nickbunny3668
@nickbunny3668 2 роки тому
А почему у меня не меняется задний фон.И даже в brackets не работало
@Vladimir-zp4kw
@Vladimir-zp4kw 2 роки тому
У вас Линукс установлен?
@user-kg7sl4mw5j
@user-kg7sl4mw5j 3 роки тому
Если имеешь дело с каким-то языком программирования, то обязательно надо использовать intellisense.
@user-ig8es9yj3k
@user-ig8es9yj3k 3 роки тому
Ой, я согласна, что если имеешь дело с каким-то языком программирования, то обязательно надо использовать intellisense.
@Allan_Kozak
@Allan_Kozak 2 роки тому
thanks
@QURNOSOV
@QURNOSOV 3 роки тому
Кстати, если сначала поставить Live Sass Compiler, то он автоматом установит Live Server
@annblok_webdev
@annblok_webdev 3 роки тому
Хорошее дополнение 👍🏻
@princessmary5556
@princessmary5556 2 роки тому
классный ролик!
@serdotsenko
@serdotsenko 3 роки тому
18:01 это помогает только для текущей сессии, после перезаргузки редактора эта настойка не сохраняется, нужно редактировать файл с настройками редактора, что бы сохранить эту настройку после перезагрузки
@annblok_webdev
@annblok_webdev 3 роки тому
Да
@grom_plays
@grom_plays Рік тому
Смотрю, учусь, запоминаю. Ничего не предвещало беды. Крошки 15:48 порадовали больше всего))
@annblok_webdev
@annblok_webdev Рік тому
Хлебные крошки - термин из веб-дизайна
@vitalya.9658
@vitalya.9658 3 роки тому
Жду официальной поддержки VS Code под Android (в частности для Samsung DEX)
@AntiBandera
@AntiBandera 3 роки тому
ждун
@M718rs
@M718rs 3 роки тому
А можете снять видео на тему создания сайта с двумя языками русский и английский
@serghiokomolov2339
@serghiokomolov2339 3 роки тому
зависит от платформ
@Ivanna_uwu_
@Ivanna_uwu_ 2 роки тому
а как открыть вкладку Explorer ?нипанятна
@alexanderbrown7758
@alexanderbrown7758 2 роки тому
10 из 10
@annblok_webdev
@annblok_webdev 2 роки тому
😍
i cant stop thinking about this bug
8:40
Low Level Learning
Переглядів 83 тис.
Анита просто на химии, поэтому такая сильная
00:21
Женя Лизогуб SHORTS
Переглядів 2,8 млн
My Visual Studio Code Setup for Web Development
15:22
ForrestKnight
Переглядів 1 млн
WebStorm 2024.1 EAP/3 review | WebStorm News | ENG Subtitles
6:54
alex lumper
Переглядів 1,1 тис.
Вселенная и Специальная теория относительности.
3:51:36
ЗЛОЙ АНАЛИТИК ВСЕЛЕННОЙ.
Переглядів 6 млн
Готовим рабочее место: C++ + VSCode // Демо-занятие курса «C++ Developer»
1:41:09
OTUS Онлайн - образование
Переглядів 2,7 тис.
Настройка VS Code для верстки
34:27
WebDesign Master
Переглядів 294 тис.
What's new in Python 3.13?
5:08
Carberra
Переглядів 13 тис.
What is the difference between Float, Flexbox and Grid CSS?
10:06
Анна Блок
Переглядів 216 тис.
Анита просто на химии, поэтому такая сильная
00:21
Женя Лизогуб SHORTS
Переглядів 2,8 млн