10 важных советов по продуктивности для Visual Studio Code
Продуктивность

10 важных советов по продуктивности для Visual Studio Code

Visual Studio Code превосходит другие текстовые редакторы для программирования. Он бесплатный, с открытым исходным кодом, молниеносно быстрый и наполнен функциями повышения производительности

Visual Studio Code – это лучший текстовый редактор для программирования. Он заменил Sublime Text в качестве моего лучшего редактора кода, и я никогда не вернусь назад. Это JavaScript-приложение на базе Electron (как и Atom, другой высоко оцененный текстовый редактор), но оно молниеносно и не страдает от проблем с производительностью, как большинство JavaScript-приложений

И если вам интересно, да: VS Code имеет открытый исходный код и доступен на GitHub. Десять лет назад, если бы я сказал вам, что Microsoft примет программное обеспечение с открытым исходным кодом, вы бы рассмеялись. Посмотрите, как далеко мы продвинулись!

В любом случае, давайте перейдем к делу. Вот несколько важных советов по Visual Studio Code, которые вам следует изучить, если вы хотите поднять свою производительность и рабочий процесс на новый уровень

(Если вы все еще не уверены, стоит ли вам выбрать Visual Studio Code вместо Atom, мы поможем вам решить)

1. Освойте командную палитру в VS Code

Подобно Sublime Text (и TextMate до него), в VS Code есть так называемая палитра команд. Эта функция позволяет вам получать доступ к различным командам, просто набирая их, а не перемещаясь по меню с помощью мыши

Вы можете вызвать палитру команд с помощью сочетания клавиш Ctrl + Shift + P. Просто начните вводить то, что вы хотите сделать (например.’закрыть’), и опции будут обновляться в режиме реального времени. Некоторые команды разделены на категории (например.’Файл’, ‘Git’, ‘Терминал’ и т.д.), так что вы можете использовать это для поиска команд, которые вы не можете найти

2. Установите рабочую папку проекта

Если нажать на Проводник в боковой панели навигации, откроется новая подпанель. Эта подпанель разделена на два раздела: Открытые редакторы (т.е.файлы и документы, открытые в данный момент) и ‘Папки не открыты’. Последний раздел нас и интересует

Нажмите Open Folder (или перейдите к File > Open Folder в строке меню) и выберите любую папку в вашей системе. Это загрузит эту папку в VS Code как ‘текущий рабочий проект’, обеспечивая легкий доступ ко всем файлам и вложенным папкам, так что вам не придется постоянно переходить в File Explorer

3. Просмотр нескольких файлов одновременно

Большинство современных текстовых редакторов поддерживают одновременную работу с несколькими файлами, позволяя переключаться между открытыми файлами с помощью какого-либо интерфейса на основе вкладок. Более продвинутые текстовые редакторы могут даже поддерживать редактирование текста бок о бок, что и делает VS Code (хотя и только горизонтально)

Но редактирование бок о бок затруднительно на небольших экранах, будь то ноутбук или старый монитор – и именно здесь VS Code сияет

В нем есть так называемые динамические панели , когда если одна из панелей открытого документа слишком узкая, она автоматически расширяется, когда вы делаете этот документ активным (т.е.поместить в него курсор). Если вы все еще используете разрешение, близкое к 720p, вам понравится эта функция

4. Редактирование нескольких строк одновременно

Если вам когда-нибудь понадобится вставить или удалить несколько экземпляров текста в документе, достаточно создать несколько курсоров. Это можно сделать, удерживая нажатой клавишу Alt (или Option на Mac) и щелкая в любом месте текста. Каждый щелчок создает новый курсор

Это особенно полезно для таких вещей, как HTML, где вы можете захотеть добавить много экземпляров одного и того же класса или изменить формат нескольких гиперссылок. Выучите это и полюбите

5. Перейти к определению

При программировании или написании сценариев часто можно столкнуться с переменной или методом, которые вы не узнаете. Что же делать? Можно потратить несколько минут на поиск нужного файла, а можно выделить переменную/метод курсором и нажать F12 , чтобы сразу перейти к его определению

Или вы можете использовать сочетание клавиш Alt + F12 , чтобы просто посмотреть на определение, которое покажет вам определение прямо в строке, где находится ваш курсор, вместо того, чтобы открывать исходный файл

Чтобы пойти в обратном направлении, вы можете выбрать определенную переменную/метод и использовать сочетание клавиш Shift + F12 , чтобы найти все ссылки на нее. Это также отображается в строке под курсором

Для того чтобы эти функции работали, необходимо убедиться, что в качестве ‘текущего рабочего проекта’ открыта соответствующая папка (см. совет #2)

6. Переименовать все случаи

Рефакторинг – это необходимый аспект написания и поддержки чистого кода, но он может стать головной болью – особенно когда вы рефакторите большой модуль или другой огромный кусок кода. Поэтому вместо того, чтобы рыться в десятках файлов, чтобы переименовать переменную или метод, позвольте VS Code сделать это за вас

Если вы выделите переменную/метод и нажмете F2 , вы можете изменить имя, и это изменит каждый экземпляр имени этой переменной во всем текущем рабочем проекте

Если вы хотите внести изменения только в пределах текущего файла, используйте сочетание клавиш Ctrl + F2 , и VS Code установит курсор на каждый экземпляр во всем текущем файле

7. Поиск во многих файлах

Если вы работаете с файлами, которые не являются исходным кодом, то функции поиска символов, описанные выше (в совете №5), будут непригодны. Что же делать, если вам нужно найти предложение или слово, но вы не знаете, в каком файле оно находится? Вернитесь к базовой функции find

Ctrl + F позволяет искать в текущем файле, а Ctrl + Shift + F позволяет искать во всех файлах текущего рабочего проекта, включая все подпапки рекурсивно

8. Использование командной строки в VS Code

VS Code поставляется с интегрированным терминалом. В Windows этот терминал отображается как Command Prompt. На Mac и Linux он отображается как приглашение Bash. В любом случае, терминал начинается в каталоге текущего рабочего проекта (если он загружен) или в вашей домашней папке (если проект не загружен)

Также поддерживается возможность иметь несколько отдельных терминалов. Просто нажмите на + в правом верхнем углу, чтобы создать несколько экземпляров терминала, или нажмите на Корзину , чтобы закрыть текущий терминал. Выпадающее меню позволяет легко переключаться между ними (и не тратит столько места на экране, сколько мог бы занять интерфейс на основе вкладок)

9. Установка новой темы в VS Code

Как и следовало ожидать, VS Code позволяет создавать темы для подсветки синтаксиса текста и исходного кода. К сожалению, он не позволяет создавать темы для самого интерфейса, но подсветка синтаксиса – это самое важное. Вы удивитесь, насколько хорошая тема может повысить вашу производительность

Вы можете найти новые темы на VS Code Marketplace (они бесплатны) или поискать их прямо в VS Code

10. Установка сторонних расширений в VS Code

Последняя существенная особенность, которую следует отметить, – это расширяемость VS Code с помощью сторонних расширений. Как и темы, вы можете найти их на VS Code Marketplace (да, они также бесплатны) или найти их в VS Code. Вызовите панель расширений с помощью сочетания клавиш Ctrl + Shift + X

Расширения – это ключ к максимальной производительности. Здесь вы найдете всевозможные инструменты, такие как линтеры, отладчики, сниппеты, улучшения качества жизни самого VS Code, инструменты сборки и даже один, реализующий эмуляцию Vim. Как насчет того, чтобы взглянуть на наши любимые расширения VS Code?

Visual Studio Code – лучший текстовый редактор

Как бы я его ни любил, я буду первым, кто признает, что VS Code не идеален для всех – ничто не идеально – и это может быть не то, что вы ищете. А может быть, это именно то, что вам нужно!

Попробуйте и подойдите с открытым сердцем. Я думаю, вы будете удивлены тем, что найдете. Обратите внимание, что VS Code – это только текстовый редактор, а не IDE! (Узнайте больше о различиях между текстовыми редакторами и IDE.) Но вы можете использовать свои навыки работы с VS Code и начать кодить в браузере с помощью Microsoft Visual Studio Online

Об авторе

Алексей Белоусов

Привет, меня зовут Филипп. Я фрилансер энтузиаст . В свободное время занимаюсь переводом статей и пишу о потребительских технологиях для широкого круга изданий , не переставая питать большую страсть ко всему мобильному =)

Комментировать

Оставить комментарий