VS Code - обзор редактора кода | Настройка и установка Visual Studio Code

Sdílet
Vložit
  • čas přidán 2. 09. 2018
  • Скачай VS Code тут: code.visualstudio.com/
    Подпишитесь на канал, если вам нравятся эти видео:
    goo.gl/Zuu7wE
    Получить нужные материалы для любого веб-разработчика - taplink.cc/glo_web_academy
    Получить консультацию куратора - bit.ly/2Ym5SqS
    Связаться с автором: aislam23 telegram: t.me/aislam23
    Мой блог: islamov_blog
    Больше контента в нашей группе Вконтакте
    glo_academy
    Присоединяйтесь к нашему сообществу Discord
    / discord
    Мой канал в telegram "Лысый из браузера"
    tele.click/baldfrombrowser
    Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
    vk.me/glo_academy
    -----------
    Я использую хостинг Link Host с 2014 года
    link-host.net/billing/pl.php?... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
    ttttt.me/figma2html
    ttttt.me/figma_start
    ttttt.me/figmatamplates
    Каналы с крутыми фичами на CSS и JavaScript:
    ttttt.me/codepen_js
    ttttt.me/css_features
    Канал с терминами для айтишников:
    ttttt.me/slang_it
    Канал, где публикуют ссылки на полезные сервисы и сайты:
    ttttt.me/linkforwork

Komentáře • 350

  • @legomaster2024y
    @legomaster2024y Před 4 lety +27

    Красная тема - огонь! Сразу хочется чьей-то крови, когда тупишь в коде и не можешь найти ошибку :)

  • @Charter92
    @Charter92 Před 5 lety +67

    У вас приятная дикция. Спасибо за обзор.

  • @dadstreets
    @dadstreets Před 5 lety +3

    Классное видео. Желаю удачи в дальнейших проектах)

  • @djskyartur
    @djskyartur Před 5 lety +137

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

  • @peaceduke1973
    @peaceduke1973 Před 4 lety +9

    подача супер! таких обзорщиков один два. Респект.

  • @loqour
    @loqour Před 5 lety +12

    Перешёл на него 2 недели назад, очень нравится))

  • @Denis-vb3wd
    @Denis-vb3wd Před 5 lety +5

    Мои молитвы услышаны. Спасибо огромное Артем.

  • @user-vd5wk8jn5z
    @user-vd5wk8jn5z Před 5 lety +10

    пользуюсь vsc уже 2 месяца, и только сейчас узнаю то что там есть русский язык)) спасибо за обзор, красавчег, так держать))

    • @glimmer5103
      @glimmer5103 Před 3 lety +3

      Значит не нужен был русский язык, если бы нужен был ты б это узнал.

  • @MDunaev
    @MDunaev Před 5 lety +12

    Спасибо, Артём!
    У Вас -- очень чёткая и качественная речь.

    • @Dimedrolity
      @Dimedrolity Před 5 lety

      годы тренировок не прошли даром

  • @NurgisaRametov
    @NurgisaRametov Před 4 lety

    Спасибо большое за подробный обзор!!!

  • @dmitrijponkin
    @dmitrijponkin Před 5 lety

    Спасибо, Артем!
    Безумно круто, очень жду продолжения))

  • @yevgeniisiplivets2720
    @yevgeniisiplivets2720 Před 5 lety +2

    Спасибо, Артем! Благое дело делаешь :)

  • @surt4012
    @surt4012 Před 5 lety +1

    Он реально крут.Недавно перешёл на него.Пока-что всё устраивает .

  • @neon4479
    @neon4479 Před 2 lety +3

    Очень классный обзор !!!

  • @Vitalik-Alik
    @Vitalik-Alik Před 5 lety

    Браво! Я неделю пытался сделать авто обновление страницы!!!!! Лайк И подписка

  • @tilekalibekov7538
    @tilekalibekov7538 Před 4 lety +6

    Все четко и ясно. Респект автору))

  • @user-bv4dh6jh6l
    @user-bv4dh6jh6l Před 5 lety +6

    Продолжай чувак) Нам нравится)))

  • @eugene5666
    @eugene5666 Před 4 lety +47

    Спасибо, что себя не на пол экрана

    • @ChaDi3D
      @ChaDi3D Před 3 lety

      Лол простите за мою тупость, но у экрана есть пол???

    • @nexil1134
      @nexil1134 Před 3 lety

      @@ChaDi3D он говорит про вебку

    • @ChaDi3D
      @ChaDi3D Před 3 lety +1

      @@nexil1134 я знаю, я прост прикололся ЛОЛ

    • @hackerman5984
      @hackerman5984 Před 3 lety

      @@ChaDi3D пол-половина,не благодари.

    • @ChaDi3D
      @ChaDi3D Před 3 lety +1

      @@hackerman5984 ема вы отсталые... видимо даже не знаете слова ''рофл''.

  • @ganocri666
    @ganocri666 Před 5 lety +3

    Урааааааа, наконец 😄 спасибо за видео)

  • @dl5127
    @dl5127 Před 5 lety +1

    Очень лаконичный и полезный обзор. Благодарю!

  • @user-co6eg9cj7j
    @user-co6eg9cj7j Před 5 lety +3

    Братан, ты лучший! Спасибо огромное, ты единственный ВО ВСЕМ ИНТЕРНЕТЕ объяснил новичку как переключить на русский интерфейс, спасибо!!)

  • @__serhii
    @__serhii Před 5 lety +8

    Хороший видос. От себя дополню еще о несколких фишках. 1-е можно открыть в папке проекта сразу несколько терминалов. 2-е Присутствует мой любимый режим "Дзэн" (актуально для работы на ноуте с небольшим дисплеем), 3-е плагин htmltagwrap, который по Alt+W позволяет оберунуть участок кода в какой-либо тег, плагин Path Intellisense для автопдставления путей, 4-е возможность отключить любую панель в настройках, а переключаться между ними через хоткеи (в моем случае Ctrl+Q).

  • @IvanYurievich
    @IvanYurievich Před 5 lety +5

    Очень интересно ! ))) Если можно сделать полный обзор то запили пожалуйста ! ))))

  • @user-bi4ro6id4k
    @user-bi4ro6id4k Před 5 lety +1

    офигенный обзор)

  • @volley-video
    @volley-video Před 4 lety

    Есть вопрос. При написании кода не всегда могу поставить пробел, например "let name" слипается, приходится возвращать курсор к месту предполагаемого пробела и потом при нажатии пробела он наконец выставляется.

  • @volley-video
    @volley-video Před 4 lety

    Артем! Подскажи пожалуйста, у меня при печати например Let, не ставится отступ после слова, курсор скачет и прилипает обратно к t ???

  • @zxspectrum3352
    @zxspectrum3352 Před 5 lety +1

    пару месяцев, как перешел на VSC, классная штука.

  • @angeldust3826
    @angeldust3826 Před 5 lety +1

    спасибо большое! очень помог

  • @sergthebright3113
    @sergthebright3113 Před 5 lety +11

    было бы замечательно увидеть настройку расширений, сниппетов и отладку для javascript

  • @user-ur4yj4hg6j
    @user-ur4yj4hg6j Před 4 lety

    Артем привет, а подскажи как сделать что бы sass фаил при компиляции собирался в один сss фаил? Например у нас есть header.sass и main.sass при компиляции в css они не создавали 2 файла сss , а компилировали все в один фаил например под названием style.css

  • @rommand7338
    @rommand7338 Před 5 lety +2

    Хотелось бы продолжения с рассмотрением каких-то полезных плагинов для верстки и web-программирования (js, php, и т. д.) и способов работы с редактором, ускоряющих работу верстальщика и программиста.

    • @Younoski
      @Younoski Před rokem

      Друг расскажи кратко свою историю в сторону програмирования,стоит начинать?
      Пишу через три года от коммента)

    • @MIKOmg
      @MIKOmg Před rokem +1

      @@Younoski гений

  • @user-ym9er3hk2f
    @user-ym9er3hk2f Před 5 lety

    вопросик насчет на чем именно была показана программа imac или macbook?и какие характеристики

  • @Hillage.
    @Hillage. Před 4 lety

    Привет. В sublime есть такая функция, при написании JS автоматически ставятся скобки. К примеру document.write - нажал enter и у тебя уже есть скобки куда пишешь нужное. В VS Code данная возможность отсутствует, что не критично но при этом уже привык к этому. Можно ли как то научить VS Code ставить эти скобки?

  • @AlexanderYukal
    @AlexanderYukal Před 5 lety

    Шикарно, Артём. Спасибо за детальный обзор!

  • @basteibl
    @basteibl Před 5 lety +2

    а как Go Live настроить чтоб обновлял php страницу?

  • @cikada3398
    @cikada3398 Před 5 lety +2

    Это просто отвал башки! Ждем продолжение

  • @osada96
    @osada96 Před 2 lety

    Отличный обзор, спасибо.! Только просьба основной экран с VS Code делать крупнее, а то на ультрабуке с небольшим дисплеем смотреть не совсем удобно.

  • @ilya9930
    @ilya9930 Před 5 lety

    Подскажите как в редакторе сделать горячие клавиши как в sublime text. Чтобы например мог обернуть что-то в тег или же выбрать содержимое тега?

  • @GOvnocoder
    @GOvnocoder Před 5 lety +6

    Обязательно ждём более развёрнутый обзор. Лайк

  • @user-qv7lz6wt1u
    @user-qv7lz6wt1u Před 3 lety

    РЕСПЕКТ , ОЧЕНЬ ПОМОГ БРО!!!

  • @kontorasb2754
    @kontorasb2754 Před 4 lety

    подскажи как сделать, чтоб после " : " (двоеточия), в стилях, сразу проставлялся пробел и " ; " (точка с запятой), как у тебя. После переустановки не могу найти эту настройку.....

  • @farirvjmaoedfbsrgs
    @farirvjmaoedfbsrgs Před 4 lety

    очень помог,спасибо)

  • @user-xy1qk6up8t
    @user-xy1qk6up8t Před 4 lety

    Спасибо. Вы крут!!!

  • @denisshilov3611
    @denisshilov3611 Před 5 lety +1

    Ребят, подскажите плз. Работаю с VSCode: live server + live sass.Не отображает картинки. В других редакторах или без live server + live sass, все норм. Может кто сталкивался, что можно сделать? Удалил вскод и все фаил, переустановил, все тоже самое.

  • @yurikfirst
    @yurikfirst Před 5 lety

    Артём, какой микрофон и через что вы записываете речь? Может потом как-то обрабатываете, шум убираете?

  • @senior_developer
    @senior_developer Před 5 lety +3

    После курса java начал пользоваться NetBeans
    Весь функционал что перечислил тоже есть. Есть и командная строка и тот же Git при чем очень круто реализован. Cразу есть возможность Composer для PHP. Куча плагинов. Поддерживает из коробки кучу языков программирования в общем. Ещё нравится в нем как ошибки указывает. Удобно как по мне. Хотя не всем он по душе. Сейчас прохожу курс один и вот препод пользуется Атомом. Ни как не склоню его к нэтбинсу. Сила привычки. Я у тебя подсмотрел emmet и установил расширение. Вообще счастье
    В общем кому интересно Сан Гугл в помощ.
    Спасибо Артём за труды. Смотрю тебя ежедневно и каждый раз нахожу много нового и полезного. Удачи и успехов.
    Хай фром Спэйн.

  • @kazancev1982
    @kazancev1982 Před 4 lety

    Лайк 100% :) чувак ты супер!

  • @user-ms6ks9er8x
    @user-ms6ks9er8x Před 3 lety

    а как вы так сделали что при вводе ефиыучу этот непонятный набор букв изменился на tabsize?

  • @user-qh5fr3yo1w
    @user-qh5fr3yo1w Před 5 lety

    Артём здравствуйте. Мне редактор понравился. Потихоньку обучаюсь на нём работать. Подскажите, как можно сменить в нём тему.

  • @elenkarnaeva2458
    @elenkarnaeva2458 Před 4 lety

    Большое спасибо за ваши уроки!!
    Почему Emmet в sсss файлах не работает в vc code?

  • @vlad_4inet
    @vlad_4inet Před 4 lety +2

    Очень классная дикция , голос .

  • @user-ds4uf6kb3s
    @user-ds4uf6kb3s Před 4 lety

    Добрый вечер) Я новичок в vsc, Вы упомянули про Live Server - это маленький сервера прочитала, что нужно в VSCode установить для него плагины так и сделала, но приоткрыта файла index.html в своем проекторе кнопка "GoLive" внизу не появляется,что нужно для этого сделать после установки плагина? 2)На главном окне VSCode отображается информации о поддержке языков,тоесть если мне нужно, чтобы в коде HTML заработал код JavaScript или React,например,мне нужно установить для них соответсвующие плагины??

  • @KindSecretiveUser
    @KindSecretiveUser Před 4 lety +2

    А как можно сделать русскими подсказки синтаксиса в VS Code?

  • @bartsimson4728
    @bartsimson4728 Před 4 lety

    подскажите если я закидываю в Visual Studio файл index.htm . он не открывает файл для просмотра готовую страничку. а открывает только старую что редактировал неделю назад.

  • @mcadmin5560
    @mcadmin5560 Před 5 lety +1

    По моему мнению, это самый удобный редактор. Пользуюсь им уже месяц

  • @neon8940
    @neon8940 Před 5 lety

    Круто!!! Спасибо!!!

  • @69idkidk69
    @69idkidk69 Před 4 lety

    очень интересно, рассказывай!

  • @oleggarshin251
    @oleggarshin251 Před 4 lety

    Видео очень полезное!
    Параметры сейчас уже не так выглядят..

  • @user-tr4se6nn3f
    @user-tr4se6nn3f Před 5 lety +1

    Подскажите, пожалуйста, как в VisualSC настроить, что б при написании кода HTML, а конкретно тегов, сразу выдавало варианты атрибутов для них? Пока выдает только теги.

  • @user-wt1fn6gr3h
    @user-wt1fn6gr3h Před 2 lety

    Здравствуй дорогой Артём Исламов. Ты может быть знаешь как настроить vscode что бы он делал мне правильное форматирование стиля кода? Я конечно же видел такие форматтеры как beautifier или prettier. Но вот проблема - все они больше или меньше форматируют не так как нужно. Знаешь как в вебШторме? очень тонкая настройка требуется. В студии куда я попал заколебуют по кодстайлу.

  • @fazen1150
    @fazen1150 Před 3 lety +1

    а как рендерить код в джава? тоесть код уже готов и мне надо его в джава формате сохранить (типо всё готово)

  • @BAS-64
    @BAS-64 Před 5 lety

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

  • @cellsiym
    @cellsiym Před 5 lety

    подскажите как убрать всплывающий error в правом нижнем углу при написании кода (всплывает до завершения написания кода)

  • @Dimajkex
    @Dimajkex Před 5 lety +1

    Добрый день. Столкнулся с такой проблемой, что в sass файле не работают аббревиатуры emmet. Никто не знает, как это починить?

  • @rommand7338
    @rommand7338 Před 5 lety

    Отличный инструмент и хороший обзор. Но в курсе обучения в Академии Вёрстки, пока используется sublime 3, как понял из плана уроков. Планируются изменения или это пока затруднительно? Впрочем, sublime 3 тоже неплохой инструмент и на суть процесса не особо влияет.

  • @ooo5056
    @ooo5056 Před 3 lety

    Какой ноут купить для xcod , посоветуйте!

  • @dmitriytsoy1727
    @dmitriytsoy1727 Před 4 lety

    Только начал. При автозаполнении VSC подставляет завершающие теги сам. Как переместить курсор, чтобы он находился в самом конце строки?

  • @deniscalinicenco2775
    @deniscalinicenco2775 Před 5 lety +1

    Артём, спасибо, что делаешь Мир добрее.

  • @ihabia
    @ihabia Před 4 lety

    Артем, спасибо за обзор. Подскажи, пожалуйста, как можно настроить следующее: В файлах PHP где есть HTML разметка, например в вордпресс файлах, почему то подсвечиваются все одинаковые слова если курсор установлен на этом слове. В обычном файле где только HTML или только PHP код, данный эффект только при двойном клике на слово ... а тут просто курсор ставлю на слово и все одинаковые слова с подсветкой, очень отвлекает. Возможно ли это настроить? Вот что происходит: hsto.org/webt/5d/93/ef/5d93ef2838e04634553146.png
    Ты ведь натягиваешь верстку на ворпресс, тоже наверное замечал.

  • @vs.cristian
    @vs.cristian Před 5 lety +9

    Давай вторую часть

  • @user-tp8iw7ib7d
    @user-tp8iw7ib7d Před 5 lety

    как сделать чтобы он при создании sass создавал файл style.css в другой папке, а то создаёт его в той же папке где и

  • @iraptashinskaya1799
    @iraptashinskaya1799 Před 5 lety

    спасибо большое за вводную часть. Хотелось бы еще больше узнать о работе плагинов и их функционале

  • @Andrii_Konohrai
    @Andrii_Konohrai Před 5 lety

    Всем привет! Подскажите в чём может быть дело, после запуска vs code проходит около 30сек - 1 минут и программа подвисает секунд на 5, после разлагивается и перестаёт работать emmet. Переустанавливал уже прогу, ничего не помогло. И как можно подхватить настройки из папки .vscode. А то переустановил и всё слетело

  • @victornelasy4018
    @victornelasy4018 Před 5 lety +1

    Спасибо за видео! Подскажите, есть ли VS Code возможность быстро редактировать стили как в Brackets по ctr-E? Может расширение какое-нибудь есть?

  • @muslim5-filosov610
    @muslim5-filosov610 Před 5 lety

    Спасибо за помошь теперь стало намного легче.И я ставлю лайк.

  • @aliciajc4985
    @aliciajc4985 Před 3 lety

    Здравствуйте! Скажите, пожалуйста, почему visual code может не показывать внесенные изменения ? То есть изменения отображаются после выключения и включения программы. Что может помочь?

  • @crash6699
    @crash6699 Před 4 lety +1

    Артем как всегда крут, давай полный обзор и тонкую настройку))

  • @turalinov
    @turalinov Před 4 lety

    Без воды, инфа то что надо)

  • @aliciajc4985
    @aliciajc4985 Před 3 lety

    Здравствуйте! Скажите, почему может тормозить visual code? Версия от февраля 2021. То есть изменения отображаются после выключения и включения программы. Что может помочь?

  • @user-zq5pg1lu3t
    @user-zq5pg1lu3t Před 5 lety

    Подскажи пожалуйста как создать новый файл с++

  • @msa76100
    @msa76100 Před 4 měsíci

    скажите плииз кто знает, как указать путь чтоб использовался Пайтон 12 а не установленный в системе?
    При попытке написать любой код выдает в терминале vs Code ссылку на папку, которую я указала для фаилов ( в загрузках). Система Макос. перестановка vs Code ничего не дала. Спасибо за помощь

  • @muhtarnaymankhanov8699

    скажите пожалуйста: нажимаю на "go live(live server)" , после этого написано порт:5500 на месте go live, но браузере не открывает, приходиться руками писать локалхост и дальше порт. 2-3 дня назад работал. что делать, никакой ошибки нету. может 5500 порт занят? в настройках live server настроил ручками браузер хром, но все равно не открывает. помогите?

  • @AndreyChursin
    @AndreyChursin Před 4 lety

    Как поставить xdebug под macos?

  • @user-ri6ux2fs8v
    @user-ri6ux2fs8v Před rokem

    скажите, пожалуйста, c++ нормально работает?

  • @user-kp8wj5fj7u
    @user-kp8wj5fj7u Před 4 lety

    html не ссылается на файл css в коде Visual Studio что делать? Подключил все правильно в саблайме 3 работает

  • @moskvaaa
    @moskvaaa Před 5 lety +1

    Спасибо!

  • @thenexgames2368
    @thenexgames2368 Před 5 lety

    Добрый день, сейчас поставил этот редактор, но столкнулся с такой проблемой. Когда захожу в "расширение" но мне ничего не показывает, ни рекомендации вообще ничего пишет "что ничего не найдено" когда ввожу в поиск любой запрос тоже ничего не выдает, может кто-то встречал такую проблему? (винда 10, 64)

  • @user-bn9rw7fx6x
    @user-bn9rw7fx6x Před 4 lety

    Вопрос на засыпку .
    Vscode внезапно стал не открывать файлы Невозможно открыть "Untitled-1": Assertion Failed: argument is undefined or null.
    Невозможно открыть "style.css": Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node..
    Не открывает абсолютно любые файлы.
    Настройки не менял,плагины не устанавливал.
    Весь день работал на нем,и внезапно ошибки полезли.
    Что может быть?
    П.с. переустановка не помогла.

  • @vladsaprikin8413
    @vladsaprikin8413 Před 5 lety

    у меня при нажатие на параметры не открывается 2 окна. Только правая сторона, а левая там где написано параметры пользователя по умолчанию нет. Как исправить? Так же с git-ом поясните! Спасибо.

  • @user-kx3zm9jn7w
    @user-kx3zm9jn7w Před 5 lety

    Не открывает браузер через Go Live и пишет Port5500. Что поднастроить? W7

  • @kinostory
    @kinostory Před 3 lety +1

    Теги автоматически не закрываются. Также нет Emmet abbrevitation. Где взять?? я о 12:30

  • @daniilbeketov8726
    @daniilbeketov8726 Před 5 lety +1

    Что делать если нет подсветки и подсказок при написании кода?

  • @gerarahier9791
    @gerarahier9791 Před 5 lety +1

    Спасибо)

  • @user-vc6lj6zr2p
    @user-vc6lj6zr2p Před 4 lety

    Приветствую Артем. Да видео прикольное, в который раз обращаю свое внимание на VSCode, для того чтобы лучше настроить. Но так как я работаю на Windows 7, я не могу найти как сделать возможность конекта со своим хостингом. Для того чтобы работать напрямую с файлами на хосте. Есть ли такой плагин? и если можно видео по его настройке. Спасибо

  • @ivanvolochiy3145
    @ivanvolochiy3145 Před 5 lety

    Друзья как сделать чтобы tab работал для отступлений, пробелом не то

  • @Ssonyaa_
    @Ssonyaa_ Před rokem

    у меня не все плагины работают после установки, например язык не поменялся и не работает prettier, че делать? (( и таб отступ я сделала 2 но у меня все равно на 4 идёт он

  • @AskarovR
    @AskarovR Před 2 lety

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

  • @mongames4013
    @mongames4013 Před 5 lety

    Скачал Vs code на днях, начинал сразу настраивать себе рабочее пространство, что-то видимо нажал и текст перестал набираться в редакторе. То есть вообще набирать код. На нижней панели, горит надпись "recordering" и проскальзывают символы, которые я набираю, а в самом редакторе пусто. Знаю, что наверняка, проблема дурацкая и решается в два счета, но я сам справиться с ней не могу. Help

  • @livel2628
    @livel2628 Před rokem

    No Sublime settings file found at the default location: C:\Users\...\AppData\Roaming\Sublime Text 3\Preferences.sublime-settings
    что с этим делать?