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

Поделиться
HTML-код
  • Опубликовано: 28 дек 2024

Комментарии • 211

  • @РинатГимадиев-ж5ж
    @РинатГимадиев-ж5ж 2 года назад +1

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

  • @severs6572
    @severs6572 2 года назад +4

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

  • @yurinedvedski6767
    @yurinedvedski6767 2 года назад +1

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

    • @annblok_webdev
      @annblok_webdev  2 года назад

      Спасибо ❤

    • @СерёгаБ-х9б
      @СерёгаБ-х9б 10 месяцев назад

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

  • @IrinaChernikova90
    @IrinaChernikova90 3 года назад +3

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

  • @НиколайСвободный-с5е
    @НиколайСвободный-с5е 3 года назад +2

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

  • @КириллЖернаков-э5ю

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

  • @ЗафарНурмухаммедов
    @ЗафарНурмухаммедов 3 года назад +2

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

  • @АйбекСарыгулов-ъ4ш
    @АйбекСарыгулов-ъ4ш 3 года назад +1

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

  • @varreshka
    @varreshka 3 года назад +3

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

  • @exemlelele1848
    @exemlelele1848 3 года назад +1

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

  • @mew6085
    @mew6085 3 года назад +3

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

    • @annblok_webdev
      @annblok_webdev  3 года назад

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

  • @РомаТарасенко-ь1м
    @РомаТарасенко-ь1м 3 года назад +2

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

  • @billgates8626
    @billgates8626 Год назад

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

  • @likeclockwork9600
    @likeclockwork9600 3 года назад +49

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

    • @annblok_webdev
      @annblok_webdev  3 года назад +2

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

    • @НикитаЯмпольский-б4х
      @НикитаЯмпольский-б4х 3 года назад +1

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

    • @mekhtimamedov5885
      @mekhtimamedov5885 3 года назад +1

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

    • @ВладимирПетрович-э9ц
      @ВладимирПетрович-э9ц Год назад

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

    • @ЕвгенийАбибок
      @ЕвгенийАбибок Год назад

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

  • @Alena_Night
    @Alena_Night 3 года назад +2

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

  • @MikhailRasha
    @MikhailRasha Год назад

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

  • @ГригорийШолохов-у1т

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

  • @Blondguy12
    @Blondguy12 3 года назад +2

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

    • @annblok_webdev
      @annblok_webdev  3 года назад

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

    • @НиколайНаконечный-х5э
      @НиколайНаконечный-х5э 3 года назад

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

  • @TamaraNikolaevna
    @TamaraNikolaevna Год назад

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

  • @ДжонКолоб-п7у
    @ДжонКолоб-п7у 2 года назад

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

  • @lxndrrl
    @lxndrrl 3 года назад +1

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

  • @АлександрК-е8с
    @АлександрК-е8с 2 года назад +1

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

  • @grimoldman8985
    @grimoldman8985 3 года назад +6

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

  • @Дмитрий-т7ш6ю
    @Дмитрий-т7ш6ю 3 года назад

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

  • @andreyfedyukin8360
    @andreyfedyukin8360 3 года назад +1

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

  • @андрейпитиримов-ш4п

    круто😄😄😄😀😀

  • @dieselpower1252
    @dieselpower1252 3 года назад +3

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

    • @annblok_webdev
      @annblok_webdev  3 года назад +1

      Спасибо 🤗

    • @dieselpower1252
      @dieselpower1252 3 года назад +1

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

    • @annblok_webdev
      @annblok_webdev  3 года назад +1

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

  • @AZ993k
    @AZ993k Год назад

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

  • @andreasshev5748
    @andreasshev5748 Год назад +1

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

  • @olgam535
    @olgam535 2 года назад +1

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

  • @lanalinova7736
    @lanalinova7736 3 года назад +1

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

  • @denial3874
    @denial3874 3 года назад

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

  • @shamie0001
    @shamie0001 3 года назад +7

    Список плагинов:
    1. Live server
    2. Live server preview
    3. File icons
    4. Live sass compiler
    5. Esstractor for vs code
    6. Autoprefixer
    7. Image preview
    8. Css peek
    9. Pretier
    10. Auto rename tag
    11. Google translate
    12. Path intellesense
    13. Polacode
    14. Git merger
    15. Git graph
    16. Git lens

  • @candyboom8863
    @candyboom8863 3 года назад +1

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

  • @OlibanumElectum
    @OlibanumElectum 9 месяцев назад

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

  • @akhmad_goytinski
    @akhmad_goytinski 2 года назад

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

  • @СветланаВасильева-ш8у

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

  • @AndriiDiachuk-jy4pi
    @AndriiDiachuk-jy4pi 11 дней назад

    Все понятно для начинающего спасибо

  • @alexmcgregor8072
    @alexmcgregor8072 2 года назад

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

  • @claus_family5515
    @claus_family5515 3 года назад +2

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

  • @sargisavetisyan8485
    @sargisavetisyan8485 3 года назад +1

    Ты классная😘

  • @ItMenMoney
    @ItMenMoney Год назад

    Раздел "Customize" отсутствует, подскажите как добавить?

  • @IZHGTUmekhanik
    @IZHGTUmekhanik 2 года назад

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

  • @dmitriy3590
    @dmitriy3590 3 года назад +1

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

  • @nikolaymasliuk7767
    @nikolaymasliuk7767 2 года назад

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

  • @oksana-ua75
    @oksana-ua75 3 года назад +1

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

  • @ОльгаЁжик-т8й
    @ОльгаЁжик-т8й 2 года назад

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

  • @eugenesmith9940
    @eugenesmith9940 2 года назад

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

  • @ramyora9531
    @ramyora9531 2 года назад +1

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

  • @MultiSitemaster
    @MultiSitemaster 3 года назад +2

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

    • @annblok_webdev
      @annblok_webdev  3 года назад +3

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

  • @VaslavNovemberSky
    @VaslavNovemberSky 3 года назад +1

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

    • @annblok_webdev
      @annblok_webdev  3 года назад

      Спасибо 🔥

    • @VaslavNovemberSky
      @VaslavNovemberSky 3 года назад +1

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

  • @АнтонВолобуев-т7щ
    @АнтонВолобуев-т7щ 3 года назад

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

  • @igorkomarov6607
    @igorkomarov6607 3 года назад

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

  • @grom_plays
    @grom_plays 2 года назад

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

    • @annblok_webdev
      @annblok_webdev  2 года назад

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

  • @valerysmd5580
    @valerysmd5580 6 месяцев назад

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

  • @АлександрСавельев-р6ю

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

  • @kzntv1801
    @kzntv1801 2 года назад +1

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

  • @kerusdc8322
    @kerusdc8322 2 года назад

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

  • @hisroryvictory
    @hisroryvictory 3 года назад +7

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

  • @rutrezv
    @rutrezv 3 года назад +1

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

  • @ganjackal
    @ganjackal 3 года назад

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

  • @morionswizzle
    @morionswizzle 2 года назад

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

  • @СергейПресняков-о4р
    @СергейПресняков-о4р 3 года назад +2

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

  • @slandermannn
    @slandermannn 3 года назад

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

  • @----4402
    @----4402 3 года назад

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

  • @r3mdg
    @r3mdg 3 года назад +3

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

  • @progerlife6690
    @progerlife6690 3 года назад +1

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

    • @annblok_webdev
      @annblok_webdev  3 года назад +1

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

    • @depishdev6942
      @depishdev6942 Год назад

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

  • @denysivashchenko2080
    @denysivashchenko2080 3 года назад

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

  • @onii-chan4379
    @onii-chan4379 3 года назад

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

  • @gavr8111
    @gavr8111 3 года назад

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

  • @bourbon3965
    @bourbon3965 2 года назад

    Здравствуйте, всё очень здорово!! Но у меня нет папки онлайн-тест!!! Что её просто необходимо создать? Я нуб просто совсем 🤦‍♂️

  • @Rasty_Boss
    @Rasty_Boss 3 года назад +2

    можно видео про отлатчик кода для Js плз

  • @СергейУстюгов-в6у
    @СергейУстюгов-в6у 3 года назад

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

  • @andrewchili2108
    @andrewchili2108 3 года назад

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

  • @eleonora5101
    @eleonora5101 3 года назад

    как запустить vs code от администратора мас? подскажите пожалуйста

  • @giggsvea
    @giggsvea 3 года назад

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

  • @ИванКомаров-ц8х
    @ИванКомаров-ц8х 9 месяцев назад

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

  • @nickbunny3668
    @nickbunny3668 3 года назад

    А почему у меня не меняется задний фон.И даже в brackets не работало

  • @АннаСедых-щ9з
    @АннаСедых-щ9з 3 года назад +1

    Ой, я согласна, что если имеешь дело с каким-то языком программирования, то обязательно надо использовать intellisense.

  • @tolasnisar2494
    @tolasnisar2494 3 года назад +1

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

  • @asifabbasov3801
    @asifabbasov3801 2 года назад

    Добрый день, я по какой то причине не могу скачать VS code. Можете сказать в чем дело?

  • @ruslangrin1188
    @ruslangrin1188 3 года назад

    Запускаю код через Code Runner
    Выдает это
    "node" �� ���� ����७��� ��� ���譥�
    ��������, �ᯮ��塞�� �ணࠬ��� ��� ������ 䠩���.
    Что это может быть?

  • @M718rs
    @M718rs 3 года назад +2

    А можете снять видео на тему создания сайта с двумя языками русский и английский

  • @umnyicoder
    @umnyicoder 3 года назад +3

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

    • @annblok_webdev
      @annblok_webdev  3 года назад

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

  • @Ivanna_uwu_
    @Ivanna_uwu_ 3 года назад +1

    а как открыть вкладку Explorer ?нипанятна

  • @Vladimir-zp4kw
    @Vladimir-zp4kw 2 года назад

    У вас Линукс установлен?

  • @sergey_zatsepin
    @sergey_zatsepin 3 года назад

    А чего у тебя кстати нет ничего о ресет/нормалайз css? Ты же работала вроде верстальщицей и никогда не сбрасывала стили?? Или свой файлик составляла?

    • @annblok_webdev
      @annblok_webdev  3 года назад

      Как вопрос связан с этим видео?

    • @sergey_zatsepin
      @sergey_zatsepin 3 года назад

      @@annblok_webdev Сорянидзе! Нашел у тебя про сброс мельком.

  • @МішаКурилюк-м6к
    @МішаКурилюк-м6к 3 года назад +6

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

  • @samolevich
    @samolevich 3 года назад

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

  • @unique-nickname-for-youtube
    @unique-nickname-for-youtube 3 года назад +1

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

    • @annblok_webdev
      @annblok_webdev  3 года назад +1

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

  • @ГлебПарфёнов-л3я
    @ГлебПарфёнов-л3я 3 года назад

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

  • @МарияПросто-с1ъ
    @МарияПросто-с1ъ 2 года назад

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

    • @annblok_webdev
      @annblok_webdev  2 года назад

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

  • @oliverst5302
    @oliverst5302 3 года назад

    Как перенести установленные плагины с компа на комп?

  • @AntiBandera
    @AntiBandera 3 года назад

    Аня а Блок это псевдоним ?

  • @vitalya.9658
    @vitalya.9658 3 года назад +6

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

  • @besochapka1081
    @besochapka1081 3 года назад +1

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

  • @princessmary5556
    @princessmary5556 3 года назад

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

  • @Zero_Espada
    @Zero_Espada 3 года назад +3

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

  • @Alexandr_Anatolievich_051
    @Alexandr_Anatolievich_051 Год назад

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

  • @wov2004
    @wov2004 3 года назад

    А что-же кнопки на реге на марафон потерялись???

    • @annblok_webdev
      @annblok_webdev  3 года назад

      В смысле?

    • @wov2004
      @wov2004 3 года назад

      @@annblok_webdev Разобрался - их вырезает Адблок, то ли по контексту, то ли по характерному размеру...
      Зарегистрироваться - вырезается Адблоком. В разметке есть, режет по стилям.