Visual Studio Code - Обзор редактора, возможности, настройка и сниппеты

1423 ratings | 48323 views


Visual Studio Code - Обзор редактора, возможности, настройка и сниппеты

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Страница урока: Всем привет, дорогие друзья! Компания Microsoft за все свое долгое время существования выпустили немало различных сред и инструментов разработки. Весной 2015 года компания порадовала многих разработчиков и представила новый продукт под названием Visual Studio Code. О нем мы сегодня и поговорим :) Группа Вконтакте: Реклама на канале:

Comments to the video: Visual Studio Code - Обзор редактора, возможности, настройка и сниппеты

WebDesign Master 6 months ago
Надоедливые всплывающие подсказки можно отключить незадокументированным параметром: editor.hover : false, После перезагрузки редактора, всплывающие окна при наведении пропадут.
Виталий Бородулин 8 days ago
чё-то не работает этот параметр,поменяли его, сейчас необходимо editor.hover.enabled : false
Nikita Sokolov 9 days ago
ctrl + space окрывает подсказки (в том числи и emmet), по аналогии с Microsoft Visual Studio
Влад Михалицкий 17 days ago
ребят , будто настроить извещения которые выскакивают в правом нижнем углу?
Vlad Sambor 20 days ago
Бесят блоки на скобках. Как их прибрать?
Дима Яворский 26 days ago
Автор, подскажите изволь будто сделать этак, чтоб при написании кода он не вылазил за границы окна по ширине, а переносился на последующую строчку
WebDesign Master 26 days ago
Alt+Z
Андрей Немобатор 1 month ago
Всё перечёркивает неимение интерактива из коробки и расширения типа live server не помогают :(
ckreta games 1 month ago
я установил, а будто поставить российский стиль
main 16 days ago
левый вертикальный бар - самая нижняя вкладка - в строке поиска russian language pack
ripsavage1977 1 month ago
Ввел не правильно имя юзера в расширении gist. Теперь получаю ошибку повсевременно: GIST ERROR: request to failed, reason: self signed certificate in certificate chain [github] Пробовал переставлять никчемно, будто разрешить делему?
Funkstrought 1 month ago
При добавлении lorem, тест пишется в одну строчку. Как настроить перенос строчки, либо что бы не возникало колесо горизонтальной прокрутки?
Владимир Мазур 2 months ago
Круче Атома выходит?
X-moto.zp.ua 2 months ago
Спасибо, неплохой обозрение. Можете подробней поведать в следующем видео про отладку.Спасибо.
lolomap 2 months ago
Стоит ли перебежать на этот редактор из vs 2017 для разработки на с++? Вопрос о функционале
Сергей Протос 2 months ago
Спс, редактор клевый! Это не тот случаем редактор в котором еще лет 15-20 вспять на С программеры писали? Майкрософт Вижуал Студио вроде именовался? Скажите, а кушать возможность сделать заместо терминала. чтобы окно браузера было? чтобы сходу глядеть че там нагнал?
TheReverOcelot 2 months ago
Очень неплохой гайд по настройке редактора, мне стремительно посодействовал соориентироваться, благодарю, друг)
Максим Хализов 3 months ago
Был бы признателен если бы сняли видео будто настроить live preview без сохранения файла и перезагрузки странички. А-ля будто в брекетесе. Так же не могу отыскать плагин какой позволяет в css поменять пиксели колесом мышки либо перетягиванием.
Максим Хализов 3 months ago
Отличный обозрение
CLAY 3 months ago
Как поменять стиль
Микола Маргіта 2 days ago
1. Скачай подходящий Language Pack for Visual Studio Code в разширениях 2. Перейди по команде F1 в >display language 3. Замени locale : en на локацию подходящего языка
Alex Kikot 3 months ago
Я удивлен интересуюсь Visual Studio Code. Буду испытать. Заранее благодарю. Спрошу. Как для тебя нравится Sublime Text либо Visual Studio Code? Удобно и резвее. И еще необходимо расширения.
Виктория Захарова 4 months ago
Здравствуйте! Может кто-то сталкивался - при использовании sass не автодополняет классы прописанные в html. Может кушать решение?
Max Kaluakin 4 months ago
Ребята, помогите новенькому. Я поставил для себя VSC. Все пять - не считая 1-го момента. Когда я пробую форматировать код сасс - он у меня преобразовывает стили в одну строчку. Не могу осознать - будто это поменять. Ставил и плагины Бьютифай и тд. Но не выручает.
Gleb Gulin 4 months ago
денек хороший. а будто избрать node заместо powershell для vuejs? другими словами будто настроить данную ИДЕ под Vuejs?
IFEXE 4 months ago
Помогите, в файле.sass при нажатии на Tab выдает такую ошибку Running the contributed command:'emmet.expandAbbreviation' failed.
Max Freestyler 4 months ago
подскажите, изволь, хоткей на удаление всей строчки
Александр Мельник 4 months ago
Хороший редактор, не плохое видео. Однако у меня не вышло обучить его регистрировать подключаемые классы и посторонний код. Пока пишу собственный класс, он пять помнит и знает о способах, свойствах, предлагает их на выбор при написании кода. Но вынудить его проиндексировать папку ну-ка скажем с MODX я не сумел. Никакого аналога external libraries будто у PHPStorm не увидел, пробовал попросту прибавлять папку в проект, однако и потом этого VisualCode отрешался что-или знать о присоединенном коде. Может кто-то решил эту делему?
Nick Green 4 months ago
Спасибо за задание, весьма информативно. В принципе, всё будто вечно ;)
disco_dinosaur 4 months ago
Такой проблема: каким образом можно настроить автоматическое конфигурации закрывающегося тега? К примеру - я заместо <p>Текст</p> желаю <div>Текст</div>, изменив 1-ый p на div, автоматом изменялся 2-ой p на div
Ирина Прокофьева 4 months ago
Спасибо огромное за уроки! А будто вы относитесь к WebStorm? Нет в планах сделать обозрение либо задание по шторму?
Pavel _2988 5 months ago
Спасибо, весьма посодействовало! Непонятным осталось одно: будто скомпилировать файл либо проект? Кодю на С++
WebDesign Master 5 months ago
Давно кодите? Если конечно, тогда вам надлежит быть знакомо слово Документация ))
Web агенство Digrand 5 months ago
У меня может дурной проблема, однако всё же, будто сделать что бы в CSS, потом выбора подсказки, редактор ставил точку с запятой? Обычно это у всех по дефолту, здесь не ставит(
Денис Борисов 5 months ago
Ничего лучше чем netbeans и phpstorm не встречал покамест, хоть они и тяжеловесные. Пробовал и sublime, и notepad++, и этот vsc. Эти все легкие редакторы классные, однако у всех одинешенек всеобщий недочет - неинтелектуальный автокомплит. Знаю кушать плагины, однако это совершенно не то. Использую редакторы кода лишь для открытия огромных файлов.
Жирный Боров 5 months ago
А swift можно строчить ?
Aleksandr Pletnyov 5 months ago
Что бы появлялась подсказка автокомплита, необходимо нажимать сочетание кнопок ctrl+пробел, попросту таким же образом вызывается intalisance в среде разработки visual studio, вот они и сделали в собственном стиле). Поставил на деньках vs code, и будто один кушать неувязка, этот самый автокомплит (однако я называю его все-таки инталисенсом), не лицезреет мои классы из присоединенного css файла, хотя к примеру бутстраповские лицезреет. Опечаток вроде дудки, в чем неувязка не понятно
Igor Bond 5 months ago
Я включаю порядок дзен (ctrl+k + z) заместо скрытия меню, активити и т.д.
Zerk 5 months ago
Чтобы пофиксить фичу с Emmet добавь в опции emmet.triggerExpansionOnTab : true emmet.showAbbreviationSuggestions : false
И Холмов 5 months ago
если добавить настройку - terminal.integrated.shell.windows на bash, то потом перезапуска редактора powerShell из терминала теряется. Есть у кого вариант решения трудности?
Ратибор Градов 5 months ago
Спасибо большущее!
Александр Потехин 5 months ago
Подскажите, будто отключить всплывающую ПОДСКАЗКУ(дефиниция) которая возникает при наведении на хоть какой элемент кода!????????????Уже всё перепробывал
WebDesign Master 5 months ago
На страничке урока кушать решение.
Макс Дзюбак 5 months ago
Установил bash в vs code, захожу в проект и там пишу ncu — ответ ncu: command not found. Я этак понимаю nodejs дудки. Написал node -v — ответ: The program 'node' is currently not installed. You can install it by typing: sudo apt install nodejs-legacy. Устанавливал и что-то ничего не выходило. Подскажите изволь что необходимо ввести что бы воспользоваться bash ?
Макс Дзюбак 5 months ago
Благодарю, Алексей!
WebDesign Master 5 months ago
Одной командой: sudo apt update; sudo apt -y install curl; curl -sL | sudo -E bash -; sudo apt -y install nodejs; sudo npm i -g gulp rimraf npm-check-updates; sudo chown -R $USER:$(id -gn $USER) /home/$USER/.config
takcyr 5 months ago
WebDesign Master_ Не работает Emmet, в чем неувязка? Пресет опций Visual Studio Code:предложенных тобой забил все равно Emmet не вожделеет врубаться!!!!!
Vadim Sysoev 6 months ago
Не используешь автосохранение файлов? files.autoSave
WebDesign Master 6 months ago
Нет.
CRAZY_ MAX_RU 6 months ago
Ребят, будто настроить корректную вставку скопированного контента в файл? Такая нелепость в Visual Code. Вставляешь с Авакода стили, однако строчку, куда вставляешь откидывает вспять, в самое начин. В ST3 при помощи cmd+shift+v вставлялось все роскошно, однако тут не работает. Где эта волынка настраивается?
Maksim Kazachenka 6 months ago
CSS Peek(типо Go To Css Declaration на саблайме) весьма нужная фича
Олег Василенко 5 months ago
К огорчению не совершенно этак, в ST3 при поиске подходящего класса, редактор отыскивает классы в открытых файлах и указывает его там где отыскал тоесть в самих файлах, для меня это архиудобно, этак будто таким образом находил нужные классы и уже потом отысканного класса продолжал строчить код, какой относится к тому либо иному контейнеру(блоку), в VC - отысканный класс редактор показывает код во всплывающем окне и/либо открывает документ повторно. А это уже неловко.
M 6 months ago
Классный какой редактор, благодарю Алексей!
Александр Жарский 6 months ago
Сможет поменять php-shtorm? Хочется настроить даровой прибор.
Максим Антоненко 6 months ago
пробовал перебежать на vs code, однако не отыскал будто настроить Интерактивнаю аббревиатуру(ctrl+alt+enter sublime) и подсказки ввода классов html-sass в обе стороны(в html вышло получать имена классов, а sass файлах дудки). Поэтому не срослось с vs code для чего-то сурового. Буду признателен, если кто-то даст подсказку будто настроить эти две фичи, а то к отличному стремительно привыкаешь
Aleksandr Pletnyov 5 months ago
разобрался с неувязкой? если конечно, подскажи изволь
Александр Чернов 6 months ago
thnx
Алексей Лемещук 6 months ago
Благодарю за видео! Долго находил подмену Атому и благодаря вам отыскал.
Jay Les 6 months ago
Кто знает будто прибрать подсказки с документацией, которые показываются, к примеру, при наведении на div, ul, li.?
WebDesign Master 6 months ago
Надоедливые всплывающие подсказки можно отключить незадокументированным параметром: editor.hover : false, После перезагрузки редактора, всплывающие окна при наведении пропадут.
Sulaimon Qurbonov 6 months ago
У меня кушать проблема??? Как запустить на браузере написанные коды аннотацию напишите изволь на хром ????????????
Dmitriy Sparrow 6 months ago
Кто-нибудь использовал освеженный fontawesome 5й :? там при скачивании архива, кушать 3 папки css, less, scss. Так вот проблема, будто его использовать в проекте с sass? не нахожу будто его подключить в проект с sass(( Какие решения есть?
Дмитрий Чеканников 6 months ago
Астрологи объявили неделю VS Code. Количество юзеров данной системы увеличено в два раза!
Рома Дворак 1 day ago
Кто-то в героев переиграл!!!
Supro 14 days ago
Будущее за vs code. Тот традиционный vs немало весит, немало жрет ресурсов, к тому же кроссплатформенный. Есть снимок на Linux, какой тоже не наименее быстро развивается.
Рома Дворак 17 days ago
аххахаахахахаахаххаа!!!
Град 3 months ago
Дмитрий Чеканников герои клинка и магии ахах красава
Дмитрий Айткулов 6 months ago
Settings Sync оболденная предмет, позволяет синхронизировать опции vs code меж устройствами
Константин Олещук 6 months ago
благодарю огромное!)Жду с нетерпением последующего Джедая!
web sunsey 6 months ago
А может быть ли в Visual Studio Code воткнуть либо добавить какое-то добавление, чтоб было будто в PHPStorm либо WebStorm - всплывающие варианты открытия HTML-странички в различных браузерах (в правом верхнем углу)? Или это лишь в IDE может быть?
Алексей Суховиенко 6 months ago
За обозрение благодарю. Не подсвечивается краска в sass файлах с помощью ColorHightligther кушать решение? может кто сталкивался
Вадим 4 months ago
Алексей Сухов плагин Colorize решает делему
Камо Абрамян 6 months ago
Вообще круто я тоже от sublime text тоже утомился !! этак и поразмыслил что быстро у вас будет задание по Visual Studio ) благодарю вам за новоиспеченный задание
Александр Hkr 6 months ago
Visual Studio Code — русскоговорящее общество в телеграм:
Kempriol 6 months ago
Не люблю редакторы, которые длительно вызываются по F4 в тоталкомандере
muzaboz 6 months ago
Вы планировали серию уроков сотворения веб-сайта под упровлением Jekyll, либо уже не будет данного урока?
WebDesign Master 6 months ago
Всё, что запланировано и анонсировано выйдет вовремя.
Михаил Соловьев 6 months ago
Если при работе пашет нода и для тебя необходимо ввести пакет, то пакет просит перезагрузку. Сейчас при перезагрузке терминал вырубается, потом чего необходимо поновой запускать вотчи. Но еще некое пора вспять при перезагрузке, терминал типо вырубался, а нода все равно в задачках висела. Веду к тому, что нередко обновления кидают, что кушать отлично.
Alexey Pavlov 6 months ago
emmet autocomplite ctrl+space
Quaden Channel 6 months ago
Кто знает можно ли перетащить установленные расширения в vscode на иной компьютер?
Макс Дзюбак 5 months ago
Переустанавливал винду с 7 на 10. Все расширения скопировал. Вставил попросту в папку extension. Все установилось на ура.
alexmicr 6 months ago
Поставил под Windows 10. В окне редактора темное окно. Видно лишь верхнее меню. Кто знает, что мастерить. Изменить гамму ч.з меню невозможно, его не видать
alexmicr 6 months ago
Огромное благодарю. Все заработало.
Алекс Чаб 6 months ago
Такая же неувязка, посодействовало пуск чрез консоль командой code --disable-gpu. Если понравится этот редактор, то можно сделать bat-файл для пуска, чтоб не впрыскивать любой один в консоль.
Андрей Мягков 6 months ago
Полезный плагин: в Sublime был супер плагин для копирования имен Css классов тегов из HTML - TAG Get Css Classes. Аналог для VC - Class Extractor
Dastin Forest 6 months ago
Спасибо! какраз ожидал!
Andrei K. 6 months ago
Здравствуйте, хотелось бы добавить, что в случае выявления ошибок, недостатков, случаев неправильной работы, можно адресоваться к разработчикам на Github (в текущей версии сделать воззвание можно в меню). Был случай: одно из css параметров отражалось будто неверное (не имеющееся), не критично, однако мешало, сказал - ответили, попросили подробней обрисовать деяния вызывающие ошибку , поблагодарили и поправили в последующей версии. Спасибо Вам за уроки!.
Nick 6 months ago
Чтоб не устранять и строчить поновой последнюю буковку в emmet можно попросту надавить ctrl+enter и для тебя снова покажет подсказку autocomplete
followthewhiterabbit 1 month ago
Есть ещё параметр emmet.triggerExpansionOnTab : true. С ним даже ctrl+space жать не неадо.
Nick 6 months ago
а может и пробел, я на 100% не помню :)
Денис Васильев 6 months ago
а у меня Ctrl+Пробел вызывает подсказку
Андрей Пашко 6 months ago
Лайк не смотря.
Андрей Мягков 6 months ago
В Прошлом видео просил обозрение на vc, и вот обозрение готов) Спасибо! Любители БЭМ поменяйте что добавили в последней версии vc
Martino71 6 months ago
Пользовался поначалу Brackets, однако будто лишь проект начал вырастать, редактор стал тормозить конечно и вообщем кушать противные маленькие баги с переносами строк и тд, позже известный разработчик порекомендовал мне атом и заодно расшарил свои опции, однако у него там было возле 40+ плагинов, половину из которых я даже не знал что делают, в итоге он раскрывался минут 5, что весьма длительно. Вернулся к Брекетс, однако желаю испытать VSC, видео понадобится 👍🏼
Вячеслав 1 month ago
У меня Alt+Shift+F
Denis Ipatov 6 months ago
Тоже на Брекетсе посиживал, весьма нравился, однако при долгой работе начинал страшно тормозить. Перешел на VSC. На нем не нравился тот глюк с эмметом, какой в ролике описан, однако вроде будто в комментах дали подсказку будто поправить. А этак VSC неплох. В Брекетсе автоформатирование (beautify) нравилось, в VSC не отыскал будто сделать, лишь чрез меню правой кнопкой -> форматировать (выговор про html и css).
Александр Л 6 months ago
задумывался, джедай вышел Алексей, весьма ждем джедая! когда порадуете?
Uni Fom 6 months ago
Чтобы всплывала подсказка в emmet Ctrl+Пробел
Кирилл Воробьев 6 months ago
наилучший редактор для фронта. ушел на него с саблайма
Nate River 6 months ago
Алексей, а Вы не пробовали для написания html'я воспользоваться Pug'ом?
WebDesign Master 6 months ago
В общем хорошо, если верстка - ваш последний итог. Но я осуществляю посадку на фреймфорки и CMS, потому не весьма комфортно администрировать позже все это хозяйство.
Dmitriy Sparrow 6 months ago
WebDesign Master , и будто? Каковы воспоминания? С практической точки зрения
WebDesign Master 6 months ago
Пробовал, когда он именовался Jade.
DizArt Studio 6 months ago
Спасибо за ваши старания!) А будут ли уроки по созданию шаблона либо плагина на Wordpress?
Zhandos Mukataev 6 months ago
Пипец :) Только днем думаю - нужно бы поставить VS Code и здесь же выходит видеоурок у вас))
Plastic Taste 6 months ago
Как же воремя вышел видос!
Валерий С 6 months ago
Тоже установил для себя. Спасибо за обозрение. Интересно а будто он работает с Wordpress ? Вроде бы на канале покамест дудки видео с этим редактором на Wordpress///
Гафар Джемилов 6 months ago
Очень нравится редактор, достойно изготовлен
MEC Production 6 months ago
А что насчет emmet,на сколько я знаю он не поддерживается в visual code
Ne Chelovek 6 months ago
Он встроен в редактор -_-
den4ik 6 months ago
Кто-нибудь сталкивался с неувязкой, что время от времени VS Code ошибочно автоматом определяет шифровку, т.е. употребляется кириллица, а шифровка определяется будто windows-1252 либо ISO-., из-за чего кириллические знаки преобразуются в вопросы либо совсем в козябры?
den4ik 6 months ago
В Brackets до версии 1.10 можно было использовать расширение, которое решало эту делему, а с версии 1.10 с этим расширением редактор вообщем не стартовал у меня, а неувязка с шифровкой этак и осталась.
Артем Кайбагоров 6 months ago
По поводу этого момента кушать решение, меня по началу тоже это дико бесило. Подсказки остались, лишь на Tab сейчас забинден лишь Emmet. 1. Изменить в настройках emmet.triggerExpansionOnTab : true 2. Забиндить другое сочетание кнопок на acceptSelectedSuggestion в настройках Keyboard Shortcuts
Vadim Sysoev 6 months ago
editor.snippetSuggestions : top ??
Макс Виноров 6 months ago
во всех редакторах что я перепробовал подсказки показывались с помощью ctrl + пробел это вечно работает
Вадим 6 months ago
В добавление к настройке emmet.triggerExpansionOnTab : true, также можно добавить emmet.showSuggestionsAsSnippets : true, и editor.snippetSuggestions : top , После этих настроей автокомплит от эммета будет в приоритете и также если в предложении надавить голубую кнопку Info, то будет высвечиваться предложение во что будет разворачиваться набранный код.
Oleg Shevchuk 6 months ago
что бы узреть перечень для автокомплита можно надавить ctrl+space
WebDesign Master 6 months ago
ttu и tac, всё пять. Если столкнетесь, напишите изволь новоиспеченный комментарий под этим видео с полным описанием трабла либо решением. Буду премного признателен ))
Игорь Князь 6 months ago
будто скопить проект GO? Поставил Visual Studio Code , не запускает проект, пишет ошибки.
Archik505 6 months ago
Игорь Князь Слева, самое нижнее меню «расширения». Вбейте в розыск «Go”(lukehoban) и установите расширение;)
от ои 6 months ago
А каковы отличия от phpstorm, что лучше для разработки с php+jquery+sass+gulp+git?
Dastin Forest 6 months ago
Он платный, тяжкий, комфортно им воспользоваться пользуйтесь, здесь холивар больше. Если лишь верстаь, то он не нужен, дело удобстава
Dmitry Korenko 6 months ago
дудки смысла ассоциировать ide с обычным редактором
Алексей Веснич 6 months ago
Только вчера установил, а сейчас на самом наилучшем канале задание выходит. Благодарю от души! Ты реально самый крутой искусник в YouTube. 👍
Олег Головлев 6 months ago
Не гласите, этак же третьеводни на тест поставил. Вполне пригодный. Не ждал от Майкрософта.
gfreemankz 6 months ago
Первый😂