Visual Studio Code (VS Code) — заслуженно любимый код-редактор: по опросу Stack Overflow 2025 года его используют регулярно 75% разработчиков. Он уверенно обходит не только таких ветеранов, как Vim, Cursor и Notepad++, но и свою же старшую версию — Visual Studio.
VS Code отлично справляется с ролью текстового редактора, но в нем есть функции, которые делают работу куда удобнее — и большинство о них даже не подозревают.
Палитра команд и мгновенный поиск файлов
Функция, которую все хотят повторить
Где бы вы ни находились в VS Code — вся палитра доступных команд открывается одним нажатием: Ctrl+Shift+P (Windows) или Shift+Cmd+P (macOS).
В появившемся окошке вы тут же увидите все команды, которые обычно запрятаны по разным меню и кнопкам. Умная строка поиска мгновенно подбирает нужные варианты по первым буквам, а рядом показываются недавно использованные команды и их горячие клавиши — отличный способ запомнить их на практике.
А если нажать Ctrl+P (или Cmd+P), откроется быстрая панель перехода по файлам — к любому документу из проекта или недавно открытым. Когда к ней привыкнете, возвращаться к привычному поиску в папках уже не захочется.
Похожий подход к палитре команд и быстрому поиску копируют почти все современные редакторы — например, Zed и Sublime Text, но именно в VS Code это реализовано особенно удобно.
Молниеносная навигация по проекту
Потеряться в коде больше не получится!
В большом проекте легко запутаться, но в VS Code есть отличные горячие клавиши для быстрой навигации между файлами. Просто нажмите F12 — и вы сразу окажетесь в определении нужной переменной или функции. А что, если нужно вернуться обратно?
Если сбились с пути, используйте "Назад" и "Вперед": Alt+стрелка влево/вправо в Windows или Ctrl+- и Shift+Ctrl+- на macOS.
Работает почти как стрелки "назад-вперед" в браузере — удобно до невозможности. Попробуете пару раз — и забудете, что можно как-то иначе.
Переименование символов — быстро и без ошибок
Лучше, чем простая "Замена во всем проекте"
Переименовать функцию или переменную вручную — целое испытание: приходится искать и менять каждое упоминание. А обычная массовая замена может внести хаос, затронув лишние места — приходится все перепроверять.
В VS Code с этим проще простого. Поставьте курсор на нужное имя и нажмите F2. Назовите по-новому — и редактор сам аккуратно заменит все использования по проекту. Перед применением покажет, что изменится, чтобы вы могли все проверить.
Если все совпадения однозначны, VS Code применяет переименование мгновенно. Если есть сомнения, вы увидите список изменений с галочками — можно снять отметку там, где менять ничего не нужно.
Редактор даже определяет, если нужное слово встречается, например, внутри строки — и спросит, стоит ли здесь тоже переименовывать.
Попробовав такую замену хоть раз, вы уже никогда не захотите возвращаться к старым методам!
Lenovo ThinkPad X1 Carbon с Linux
Lenovo ThinkPad X1 Carbon с предустановленным Linux — все традиционные плюсы культовой линейки ThinkPad, мощная начинка и возможность выбрать Fedora или Ubuntu прямо при покупке.
Сравнивайте файлы прямо в редакторе
Все изменения в коде — на глазах за секунду
Раньше различия между файлами сравнивали только в терминале, но сейчас редакторы умеют это делать наглядно и удобно. Где еще смотреть перемены, как не прямо в любимой среде?
Достаточно кликнуть правой кнопкой по нужному файлу, выбрать Select for Compare, а потом по другому — Compare with Selected. Оба файла откроются рядом — удаленное подсвечено красным, добавленное — зеленым.
Этот же вид незаменим и при просмотре истории изменений в git или отслеживании правок в вашем проекте.
Молниеносное создание шаблонов с Emmet
Сверхбыстрые макросы для HTML, CSS, XML и не только
Emmet — встроенное расширение, о котором многие даже не знают, хотя оно работает из коробки. Как ни странно, часто о нем забывают, а для меня это стало незаменимым помощником.
Подписывайтесь на рассылку — свежие лайфхаки для VS Code каждую неделю!
Я по работе часто пишу HTML и CSS — надоело каждый раз вручную копировать одни и те же конструкции, пока не открыл для себя Emmet в VS Code. Теперь любые шаблонные куски можно набрать за секунду с помощью коротких сокращений — они похожи на CSS-селекторы. Вот пример:
Такое выражение Emmet создаст ul с id “todo” и пять пустых li. Просто вставьте это в HTML-файл — редактор сам поймет, что это шаблон, и обработает его.
Нажмите Enter или Tab — и Emmet разворачивает сокращение в полноценную разметку прямо у вас на глазах, экономя массу времени:
Компактный редактор с возможностями большой IDE
Когда VS Code только создавали, он задумывался как легкая бесплатная альтернатива Visual Studio — скорее продвинутый текстовый редактор, чем полноценная "тяжелая" IDE. Но благодаря мощным фишкам, суперскорости работы, гибкости и огромному выбору расширений (в том числе с поддержкой искусственного интеллекта), этот редактор полностью меняет процесс разработки. Неудивительно, что сегодня его выбирает большинство программистов.
Если вам понравилась эта статья, подпишитесь, чтобы не пропустить еще много полезных статей!
Премиум подписка - это доступ к эксклюзивным материалам, чтение канала без рекламы, возможность предлагать темы для статей и даже заказывать индивидуальные обзоры/исследования по своим запросам!Подробнее о том, какие преимущества вы получите с премиум подпиской, можно узнать здесь
Также подписывайтесь на нас в:
- Telegram: https://t.me/gergenshin
- Youtube: https://www.youtube.com/@gergenshin
- Яндекс Дзен: https://dzen.ru/gergen
- Официальный сайт: https://www-genshin.ru