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

Рет қаралды 129,990

Күн бұрын

🔥 Интенсив «Первый заработок на создании сайтов»
Участие бесплатное, но необходимо зарегистрироваться:
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 3 жыл бұрын

Всегда рада вашим новым роликам.Смотреть очень интересно и познавательно!

@varreshka 3 жыл бұрын

очень все доступно и главное полезно. Все четко, без лишней информации, по полочкам. Супер, полуил истинное наслаждение просматривая. КАк новичок , смотрел согромным упоением и безгранично благодарен автору ( девушке ) за материал.

@user-ec2iq5fm1m 3 жыл бұрын

Жаль, что "дошел" до твоего канала так поздно. Крутая подача информации. Умница!

@mew6085 3 жыл бұрын

Уже смотрел разные видео на эту тему, думаю ну че еще можно рассказать. Оказывается можно, огромное спасибо за видео. Достойный контент))) Особенно плагины топчик.

@annblok_webdev 3 жыл бұрын

Рада, что вы нашли что-то новое для себя 🤗

@user-ps2zi6gt2p 3 жыл бұрын

Класный видеоролик, теперь шарю в настройках. Спасибо большое)

@lxndrrl 3 жыл бұрын

Инфо по плагинам вообще огонь. Спасибо!

@severs6572 2 жыл бұрын

подписался, лайкнул, комментирую). Видео стоящее, спасибо. Всё четко, без эканья и всяких кривляний. Грамотно и по делу. Спасибо. Буду настраивать и работать.

@user-rl6eo4bt6t Жыл бұрын

Наконец то нашел видос с грамотным и понятным объяснением!)

@user-sv6by3fr7d 3 жыл бұрын

отличный гайд по настройке VSCODE как раз то что искал!

@exemlelele1848 3 жыл бұрын

После Toggle Word Wrap открылось второе дыхание. Спасибо

@andreyfedyukin8360 3 жыл бұрын

Спасибо за видео, всё супер! Увидел Ваш ролик случайно и не пожалел, что посмотрел. Всё понятно, компактно и по делу. Спасибо.

@annblok_webdev 3 жыл бұрын

Спасибо за отзыв 😊

@Alena_Night 3 жыл бұрын

Спасибо за крутой обзор,смотрю не отрываясь успехов вам в делах

@user-cr4ks2fb1m 3 жыл бұрын

ждал такой обзор, по VS Code больше чем свою зарплату))) ООчень полезно, спасибо

@annblok_webdev 3 жыл бұрын

🤗🤗🤗

@lanalinova7736 3 жыл бұрын

Видео обзор супер! Каналу большой респект!

@dieselpower1252 3 жыл бұрын

Очень годный и полезный обзор! Узнал много нового, хотя до этого думал, что отлично знаю и применяю необходимый функционал VS Code. Благодарствую, Ань! Лайк поставил, подписан давно и колокольчик активен постоянно.

@annblok_webdev 3 жыл бұрын

Спасибо 🤗

@dieselpower1252 3 жыл бұрын

@@annblok_webdev по-моему, данный твой обзор - лучший из всех, что есть на данное время. Всё по сути, без "воды" и именно тот функционал, который действительно нужен и делает пользование VS Code очень удобным. Благодарю за труд, Ань! Буду теперь пользоваться именно твоими советами в настройке и использовании программы.

@annblok_webdev 3 жыл бұрын

Рада слышать ☺️

@candyboom8863 3 жыл бұрын

огромное спасибо за видео. Достойный контент))) Особенно плагины топчик.

@user-zi8sc8nq6e 3 жыл бұрын

Было интересно смотреть спасибо за толковый обзор автору канала лайк и респект!

@dmitriy3590 3 жыл бұрын

Большое спасибо за обзор и инструкцию!

@denysivashchenko2080 3 жыл бұрын

🔝👍🏻 великолепно ,спасибо Анна !)

@Blondguy12 3 жыл бұрын

Спасибо большое! Узнал много полезного, хотя сам работаю в vs code уже немало времени

@annblok_webdev 3 жыл бұрын

Рада, что нашли что-то полезное для себя 🤗

@user-ok4gq4vy6g 3 жыл бұрын

Вполне с вами согласен, очень интересное, информативное видео.

@----4402 3 жыл бұрын

Спасибо за рекомендации и подробное объяснение. Пригодится.

@TamaraNikolaevna 10 ай бұрын

Анна, спасибо за видео и отдельное спасибо за тему Night Owl!

@user-oc4yz1is6x 3 жыл бұрын

Какой чудесный у вас носик.

@rutrezv 3 жыл бұрын

Благодарствую! Очень полезно

@likeclockwork9600 3 жыл бұрын

Канал отличный, много видео с практикой. А подписчиков не так много, жаль. Спасибо Аня и больше Вам подписчиков!

@annblok_webdev 3 жыл бұрын

Зовите друзей 😄

@user-md4di5wz9s 3 жыл бұрын

Все сказала, что я хотел написать. Большое спасибо

@mekhtimamedov5885 3 жыл бұрын

I think Anna should try to make a channel in English? Why not, maybe yes? Анна может ещё на английском языке сделать канал про JS ?Спасибо

@user-bt2qk6tv3l Жыл бұрын

Не все переведено, поэтому давайте вообще не будем переводить - логика! А давайте тогда поставим китайский язык - чтобы торкнуло сильнее.

@user-ii7qn2ur7l 9 ай бұрын

Слишком быстро и не понятно новичку будет что куда откуда взялось и где эти папки хранятся в самой программе или сохраняются на жёсткий диск

@tolasnisar2494 3 жыл бұрын

Спасибо вам за видео ролик, было полезно.

@r3mdg 3 жыл бұрын

Спасибо за видео. Как и многие пользуюсь давно VScode но про некоторые моменты узнал только из видео. Анна спасибо за ваш труд!

@AZ993k Жыл бұрын

Спасибо, полезно очень. Много фишек почерпнул

@oksana-ua75 3 жыл бұрын

Спасибо, все очень подробно.

@hisroryvictory 3 жыл бұрын

Большое вам спасибо, за то что сняли столь полезный ролик по настройке VS Code.

@Zero_Espada 2 жыл бұрын

Большое вам спасибо за то что вы делаете, вы мне прям Америку отрыли если честно. С каждой информацией которую вы даёте мое лицо становилось все светлее и светлее))) правдой некоторые моменты меня а азодачили, в связи с эти большая просьба не могли бы вы сделать отдельное видео по тому как работают плагины как их настраивать, ну так сказать всю подноготную показать для чайников особенно. К примеру я так и не понял как работает Polacod, и как скомпилировать live Sass Compiler с CSS. И ещё почему-то у меня не вышел раздел Clone repository. Извините что комментарий вышел такой длинный))) ещё раз спасибо за все ваши видео, смотрю их и пересматриваю

@user-cl9dm8vq1n 4 ай бұрын

Спасибо. Было очень полезно

@olgam535 Жыл бұрын

Очень толково! спасибо!!

@user-hm2ig2mh3m 2 жыл бұрын

Аня спасибо за материал! Подписался, поставил лайк. Буду просматривать канал!

@annblok_webdev 2 жыл бұрын

❤️

@billgates8626 Жыл бұрын

Самый крутой обзор VS Code, который доводилось видеть. Предельно конкретно с акцентами на правильных местах. Просто снимаю шляпу и ... подписываюсь (хоть я и не фронтендер)

@MikhailRasha Жыл бұрын

Самое понятное объяснение ! Спасибо вам интересное и полезное видео. На счет англ языка согласен, но пока не могу перейти )) обязательно перейду в позже

@yurinedvedski6767 Жыл бұрын

Приятно отметить, что мой лайк 3000. Удачи в продвижении канала :)

@annblok_webdev Жыл бұрын

Спасибо ❤

@user-mo9wf1dl5u 5 ай бұрын

@@annblok_webdev подскажите пожалуйста, почему при запуске кода через code runner во входные данные выводятся вопросики, как это испарвить? только это пайтон

@kerusdc8322 2 жыл бұрын

скажите, какое есть расширение vscode для автоопределения кодировки? или есть команда? а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других

@andreasshev5748 Жыл бұрын

Аня, большое спасибо вам!

@user-pr6ll7sn2m 3 жыл бұрын

Спасибо за обучение, очень мало сейчас такого крутого контента на ютуб

@besochapka1081 3 жыл бұрын

I watched an interesting interview with pleasure. Thank you. I liked the like channel. I look forward to new releases

@princessmary5556 2 жыл бұрын

классный ролик!

@ganjackal 3 жыл бұрын

Так; спасибо Анна но вот вопрос создал новую вкладку для того что бы клонировать репозиторий но кнопка не нажимается а вот в первой вкладке написано инициализировать репозиторий и предлагают в в тексте изучить документацию, установить Git поискать расширение в Marketplace! Подскажите что надо сделать пока эту установку я пропустил! Спс

@grimoldman8985 2 жыл бұрын

Всё просто и понятно. Спасибо Аня. Ты супер. Лёгкая подача материала, всё по пунктам без лишнего мусора. Удачи тебе в развитии контента.

@user-tm3hb9te4d 2 жыл бұрын

Умница да красавица, просто нету слов.

@progerlife6690 3 жыл бұрын

С VS кодом я уже года 2 работаю, если не больше. Использую плагин С/C++ и компилятор MinGW для компиляции программ, так как работаю программистом С++. Front-end изучаю для себя, можно сказать как хобби) За видео и плагины спасибо, лайк!

@annblok_webdev 3 жыл бұрын

Спасибо за дополнение 😊👍🏻

@depishdev6942 Жыл бұрын

К чему такие извращения с MinGW ?

@claus_family5515 3 жыл бұрын

Спасибо огромное) Помогли!

@annblok_webdev 3 жыл бұрын

Я рада 🤗🤗🤗

@andrewchili2108 2 жыл бұрын

спасибо! а можно ли как-то сохранить настройки редактора, плагины для переноса?

@IZHGTUmekhanik Жыл бұрын

Спасибо за видео гайд! Вопрос от новичка какой плагин установить что бы облегчить навигацию по коду ? вижу есть сбоку панель структура - она только показывает список объектов/функций но мне надо в коде создавать метку и подписывать участок кода и что бы она отображалась в оглавлении - какой плагин так может?

@user-te7ml7rv8j 8 ай бұрын

Действительно полезный гайд. Начал изучение фронтенда (перед этим закончив изучение бэкэнда) и колеблюсь с выбором среды. Вебшторм от ДжетБрэинс - пробно всего 30 дней, браузерные среды - неудобны и ограниченны, пайчарм после бэкэнда - не совсем подходит. А ВСД кажется более привлекательным. Особенно после Вашего видео. Спасибо за обзор. Полезно :)

@gavr8111 3 жыл бұрын

Анна, подскажите, у меня после установки расширения SFTP появляется сообщение: SFTP expects to work at a folder.

@user-vr3vv2nc6g Жыл бұрын

Здравствуйте! подскажите пожалуйсто, что нужно сделать чтобы перед кнопкой file появилась кнопка code?спасибо.

@ramyora9531 2 жыл бұрын

молодец! подробно! доходчиво!

@annblok_webdev 2 жыл бұрын

🤗

@papadenteam Жыл бұрын

Спасибо!

@igorkomarov6607 3 жыл бұрын

Доброго! Как у Вас решен вопрос с синтаксисом ES6, который этот глючный VS Code не хочет воспринимать?? Я не смог решить эту проблему, а клонировать и комиттить можно хоть из cmd. ЗЫ Anna Kubov, Анна Блок who is the else?

@akhmad_goytinski Жыл бұрын

Огромное!!! Спасибо за обучение!!! Вот вопрос - какой то плагин создаёт dist папку с файлами. Как отключить создание dist папку с файлами? С уважением к Вам Ахмад

@polinazelenskaya866 Жыл бұрын

спасибо!))

@denisnikachev5742 Жыл бұрын

Спасибо:)

@unique-nickname-for-youtube 3 жыл бұрын

Спасибо за ролик! Подскажите, пожалуйста, как сделать чтобы новый создаваемый файл всегда был html по умолчанию? Он txt по умолчанию.

@annblok_webdev 3 жыл бұрын

Открыть Settings, вписать в поиск files.defaultLanguage и там в поле прописать html. Или второй вариант - в файл setting.json добавить строку "files.defaultLanguage": "html"

@alexmcgregor8072 2 жыл бұрын

Анна, какую версию проги вы используете. В моей 1.63.2 при вызывании окна Add Folder Workspace открывается папка с содержимым моего компа и вызвать папку online-test не удается . Я новичок, может чего-то не понял?

@MultiSitemaster 3 жыл бұрын

Сам пользуюсь PHP Storm, но за видео спасибо))

@annblok_webdev 3 жыл бұрын

Про продукты JetBrains в скором времени тоже будут видео 😊

@user-to5el1yk1s 2 жыл бұрын

Лучший совет за год, Переставить везде язык на английский. Спасибо, так и поступлю!

@denial3874 2 жыл бұрын

Анна Блок скажите пожалуйста, а как быстро закомментировать кусок кода ?

@onii-chan4379 3 жыл бұрын

Всем привет. Подскажите, пожалуйста, как редактировать код в команде

@user-fs5yb9nd6y 2 жыл бұрын

Добрый день, Анна. Спасибо за подробное и столь полезное видео, но у меня вопрос, сейчас работаю в команде над проектом верстка лендинга в vs code, у напарника написанный код можно посмотреть в live server и у него красивая верстка этот же файл(html scss) у меня поломанный, уже установила кучу расширений, проблема сохраняется. Что это может быть?

@annblok_webdev 2 жыл бұрын

Наверно у вас / впереди пути указан

@user-lq6sn5pe7t Жыл бұрын

круто😄😄😄😀😀

@VaslavNovemberSky 2 жыл бұрын

Отличный обзор 👍

@annblok_webdev 2 жыл бұрын

Спасибо 🔥

@VaslavNovemberSky 2 жыл бұрын

@@annblok_webdev спасибо Вам большое за то что вы делаете для нас.

@user-zk9bb6vo5p 3 жыл бұрын

спасибо!

@sargisavetisyan8485 2 жыл бұрын

Ты классная😘

@kzntv1801 2 жыл бұрын

Здравствуйте! Подписался, лайкнул, колокольчик )

@annblok_webdev 2 жыл бұрын

Спасибо! 🔥

@umnyicoder 3 жыл бұрын

Спасибо за обзор! Реально подробно и за 30 минут. А в каком сезоне и серии кремниевой долины был этот кадр?

@annblok_webdev 3 жыл бұрын

Спасибо! Сезон 5, серия 8

@OlibanumElectum 4 ай бұрын

Здравствуйте Анна, скажите пожалуйста название цветовой темы VSC

@nikolaymasliuk7767 Жыл бұрын

как переключаться между редактором кода и браузером при фул скрин?

@morionswizzle 2 жыл бұрын

Cкажите пожалуйста, как сохранить файл. Вот вы написали например Hello World, и вам нужно его сохранить, чтобы он отображался в браузере, как это сделать?

@grom_plays Жыл бұрын

Смотрю, учусь, запоминаю. Ничего не предвещало беды. Крошки 15:48 порадовали больше всего))

@annblok_webdev Жыл бұрын

Хлебные крошки - термин из веб-дизайна

@valerysmd5580 Ай бұрын

Есть возможность установить расширение на ПК без интернета? На сайте предлагает только возможность непосредственной установки из интернета, без установочного файла.

@SIPIKEXE Жыл бұрын

подписался👍

@user-yv6io6li3i 3 жыл бұрын

Добрый день,на 17,26 мин.Вы говорите,как переключаться в браузер.Напишите пож.,а как включить в работу браузер?

@Alexandr_Anatolievich_051 Жыл бұрын

Расцеловал бы Вас)) очень помогли

@user-dv9fk1hd3s 2 жыл бұрын

Предпочитаю с git работать через терминал. Если научиться нажимать готовые кнопки в VSCode, то когда будет надобность работать в другой IDE, можно растеряться. А через терминал git везде одинаково работатет.

@samolevich 2 жыл бұрын

Можно ли импортировать/экспортировать настройки? Было бы очень удобно

@vitalya.9658 3 жыл бұрын

Жду официальной поддержки VS Code под Android (в частности для Samsung DEX)

@AntiBandera 3 жыл бұрын

ждун

@user-xp7cw9qs5j 3 жыл бұрын

Люди, подскажите, у меня в терминале пропал значок корзины и вместо окошка с выбором терминалов всего один: cmd Как вернуть всё

@giggsvea 3 жыл бұрын

Подскажите, как спрятать кучу кода в css-файле под комментарий?

@user-dv9fk1hd3s 2 жыл бұрын

На windows - выделить текст и нажать shift + alt + A

@eugenesmith9940 Жыл бұрын

Я так понимаю жизненная необходимость плагина Live server заключается в продлении жизни клавишам ctrl, s и f5? :)

@user-oj7zo7ku6p 2 жыл бұрын

Подача хорошая, но скоростная. Я так и не поняла куда вы нажимаете и как подключаете правое окно"live server preview"?

@evgenykochura7147 2 жыл бұрын

Анна молодец!

@cathello2900 2 жыл бұрын

Я подписался! Благодарю за ролики! Красивая! Замужем? 😅

@freeek_124 3 жыл бұрын

Спасибо за prettier))

@slandermannn 2 жыл бұрын

Что мне делать ,у меня нет папок online-test и прочих что мне делать ?

@user-lj9tw3ko8y 3 жыл бұрын

Когда я скопировал код из «html» в «css» с помощью плагина «eCSStractor for VSCode», ничего не вставляется. В буфере обмена появился скопированный мною код, но он не отображается. Где у меня ошибка?