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

Поделиться
HTML-код
  • Опубликовано: 2 сен 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

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

  • @Charter92
    @Charter92 4 года назад +67

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

  • @legomaster2024y
    @legomaster2024y 4 года назад +23

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

  • @user-dh5ms9dh5y
    @user-dh5ms9dh5y 5 лет назад +3

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

  • @peaceduke1973
    @peaceduke1973 4 года назад +9

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

  • @Denis-vb3wd
    @Denis-vb3wd 5 лет назад +5

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

  • @MDunaev
    @MDunaev 5 лет назад +12

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

    • @Dimedrolity
      @Dimedrolity 5 лет назад

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

  • @user-vg9nu6lh5z
    @user-vg9nu6lh5z 5 лет назад +12

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

  • @user-co6eg9cj7j
    @user-co6eg9cj7j 5 лет назад +3

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

  • @user-vd5wk8jn5z
    @user-vd5wk8jn5z 5 лет назад +10

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

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

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

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

    Я влюбился в VS Code) Спасибо за совет и видео!

  • @djskyartur
    @djskyartur 5 лет назад +137

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

  • @dmitrijponkin
    @dmitrijponkin 5 лет назад

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

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

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

  • @surt4012
    @surt4012 5 лет назад +1

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

  • @yevgeniisiplivets2720
    @yevgeniisiplivets2720 5 лет назад +2

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

  • @__serhii
    @__serhii 5 лет назад +9

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

    • @daniilbeketov8726
      @daniilbeketov8726 5 лет назад +1

      Как включить подсведку кода?)

  • @user-bv4dh6jh6l
    @user-bv4dh6jh6l 5 лет назад +6

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

  • @tilekalibekov7538
    @tilekalibekov7538 4 года назад +6

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

  • @ganocri666
    @ganocri666 5 лет назад +3

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

  • @Vitalik-Alik
    @Vitalik-Alik 5 лет назад

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

  • @NurgisaRametov
    @NurgisaRametov 4 года назад

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

  • @user-bi4ro6id4k
    @user-bi4ro6id4k 5 лет назад +1

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

  • @dl5127
    @dl5127 5 лет назад +1

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

  • @AlexanderYukal
    @AlexanderYukal 5 лет назад

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

  • @GOvnocoder
    @GOvnocoder 5 лет назад +6

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

  • @kazancev1982
    @kazancev1982 4 года назад

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

  • @cikada3398
    @cikada3398 5 лет назад +2

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

  • @angeldust3826
    @angeldust3826 4 года назад +1

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

  • @IvanYurievich
    @IvanYurievich 5 лет назад +5

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

  • @zxspectrum3352
    @zxspectrum3352 5 лет назад +1

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

  • @user-qv7lz6wt1u
    @user-qv7lz6wt1u 3 года назад

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

  • @senior_developer
    @senior_developer 5 лет назад +3

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

  • @user-xy1qk6up8t
    @user-xy1qk6up8t 4 года назад

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

  • @farirvjmaoedfbsrgs
    @farirvjmaoedfbsrgs 4 года назад

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

  • @deniscalinicenco2775
    @deniscalinicenco2775 4 года назад +1

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

  • @neon8940
    @neon8940 5 лет назад

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

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

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

  • @user-lt7cf5qq8j
    @user-lt7cf5qq8j 5 лет назад

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

  • @mcadmin5560
    @mcadmin5560 5 лет назад +1

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

  • @69idkidk69
    @69idkidk69 4 года назад

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

  • @moskvaaa
    @moskvaaa 5 лет назад +1

    Спасибо!

  • @sergthebright3113
    @sergthebright3113 5 лет назад +11

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

  • @gerarahier9791
    @gerarahier9791 5 лет назад +1

    Спасибо)

  • @muslim5-filosov610
    @muslim5-filosov610 5 лет назад

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

  • @turalinov
    @turalinov 4 года назад

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

  • @iraptashinskaya1799
    @iraptashinskaya1799 5 лет назад

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

  • @user-qh5fr3yo1w
    @user-qh5fr3yo1w 5 лет назад

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

  • @crash6699
    @crash6699 4 года назад +1

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

  • @nf1322
    @nf1322 5 лет назад

    Спасибо за инфу

  • @yurikfirst
    @yurikfirst 5 лет назад

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

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

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

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

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

  • @user-ym9er3hk2f
    @user-ym9er3hk2f 5 лет назад

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

  • @oleggarshin251
    @oleggarshin251 4 года назад

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

  • @vs.cristian
    @vs.cristian 5 лет назад +9

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

  • @rommand7338
    @rommand7338 5 лет назад +2

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

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

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

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

      @@Younoski гений

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

    благодарю!

  • @illiadenysenko7776
    @illiadenysenko7776 5 лет назад

    Aaaa, это очень круто

  • @user-ur4yj4hg6j
    @user-ur4yj4hg6j 4 года назад

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

  • @rommand7338
    @rommand7338 5 лет назад

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

  • @Hillage.
    @Hillage. 4 года назад

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

  • @eugene5666
    @eugene5666 4 года назад +47

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

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

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

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

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

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

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

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

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

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

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

  • @hitlerkaput307
    @hitlerkaput307 4 года назад

    спасибо!

  • @user-xo4cn6yf6z
    @user-xo4cn6yf6z 4 года назад

    Это мега шикарный видос!

  • @volley-video
    @volley-video 4 года назад

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

  • @ilya9930
    @ilya9930 5 лет назад

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

  • @volley-video
    @volley-video 4 года назад

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

  • @user-wt1fn6gr3h
    @user-wt1fn6gr3h 2 года назад

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

  • @Pypchenko-boris
    @Pypchenko-boris Год назад +1

    Respekt!

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

    Снято профессионалом для профессионалов

  • @basteibl
    @basteibl 5 лет назад +2

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

  • @amalnishanaliev3003
    @amalnishanaliev3003 5 лет назад

    Первый раз на твоём канале. И я думаю что там и надо объяснять :) лайк))

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

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

  • @user-ds4uf6kb3s
    @user-ds4uf6kb3s 4 года назад

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

  • @user-ms6ks9er8x
    @user-ms6ks9er8x 3 года назад

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

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

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

  • @victornelasy4018
    @victornelasy4018 5 лет назад +1

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

  • @user-tr4se6nn3f
    @user-tr4se6nn3f 5 лет назад +1

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

  • @ihabia
    @ihabia 4 года назад

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

  • @kontorasb2754
    @kontorasb2754 4 года назад

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

  • @eps-eps
    @eps-eps 4 года назад

    Нужно рассказать!

  • @user-vc6lj6zr2p
    @user-vc6lj6zr2p 4 года назад

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

  • @user-mz5ey9ii4q
    @user-mz5ey9ii4q 5 лет назад

    Спасибо мужик подсказал как язык поставить.

  • @dmitriytsoy1727
    @dmitriytsoy1727 4 года назад

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

  • @nisto589
    @nisto589 5 лет назад +14

    давай подробнее по vscode!

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

    Спасибо

  • @user-ql8eg7zq2c
    @user-ql8eg7zq2c 5 лет назад

    Артем маловато будет... Довай больше обзор с плюшками и возможностями не только визуальными!!!

  • @user-mz2wp6kn8z
    @user-mz2wp6kn8z 3 года назад

    Я с 2020 го ) Спасибо тебе.

  • @bartsimson4728
    @bartsimson4728 4 года назад

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

  • @anikin4917
    @anikin4917 4 года назад

    Еееееее. Мэк

  • @asan_lex
    @asan_lex 5 лет назад

    ЕЕЕ пасеба, мое уважение

    • @Glo_Academy
      @Glo_Academy  5 лет назад +1

      От тебя вообще первый коммент должен был быть)

    • @asan_lex
      @asan_lex 5 лет назад

      Не было доступа к интернету)

  • @mikhails.2830
    @mikhails.2830 5 лет назад

    спасибо

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

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

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

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

  • @denisshilov3611
    @denisshilov3611 5 лет назад +1

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

  • @PassintoEurope
    @PassintoEurope 5 лет назад

    Будет интересно посмотреть про настройка task.json в VS Code для автоматической сборки проекта, как альтернатива Gulp.
    В русскоязычном нете не нашёл ничего текстового, а уж тем более видео.
    Масса просмотров гарантирована!

  • @user-nr1xn6zm2t
    @user-nr1xn6zm2t 5 лет назад

    При создании файла по уму в первую очередь нужно ввести имя и формат. Почему приходится искать такие элементарные функции? Есть мысли на сей счет?

  • @user-zu1yc4lw3n
    @user-zu1yc4lw3n 5 лет назад

    Бро, сними видео как переносить настройки(например вот расширение-Settings Sync, но у меня выходит с ним)просто надоело уже расширения вбивать по одному...

  • @daniilbeketov8726
    @daniilbeketov8726 5 лет назад +1

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