10 основных советов по повышению производительности Visual Studio Code

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

электрическое освещение-  effect-abstract-techno-background-for-your-design
Открытая платформа Electron и ее преимущества для разработки приложений

Эти дней существует множество типов настольных устройств и операционных систем. Получить программы, которые работают со всеми из них, может быть непросто. Открытый фреймворк Electron решает эту проблему.

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

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

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

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

visual-studio-code-command-palette

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

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

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

visual-studio-code-working-folder

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

Нажмите Открыть папку (или вы можете перейти к Файл> Открыть папку в строке меню) и выберите любую папку в вашей системе. Это загрузит эту папку в VS Code как «текущий рабочий проект», что позволит вам легко получить доступ ко всем файлам и подпапкам, так что вам не придется постоянно переключаться туда и обратно в проводник.

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

visual-studio-code-side-by-side

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

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

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

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

visual-studio-code-multiple-cursors

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

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

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

visual-studio-code-definition

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

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

visual-studio-  code-inline

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

Чтобы эти функции работали, вам необходимо убедиться, что правильная папка открыта как «текущий рабочий проект» (см. Совет № 2).

6. Переименовать все вхождения

visual-studio-code-refactor

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

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

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

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

visual-studio-code-search

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

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

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

visual-studio-code-terminal

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

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

9. Установите новую тему в VS Code

visual-studio-code-themes

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

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

10. Установите сторонние расширения в VS Code

visual-studio-code-extensions

Последняя важная особенность, которую следует выделить, — это расширяемость 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..

Кто-то использует Microsoft Edge
Microsoft может вскоре вознаградить вас за использование Edge

Если вы являетесь поклонником Microsoft Rewards, вы захотите чаще использовать браузер компании в в будущем.

О Автор

Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги , и эксклюзивные предложения!

Еще один шаг…!

Подтвердите свой адрес электронной почты адрес в емай Мы только что отправили вас.



10 советов и приемов, которые каждый разработчик должен знать в коде Visual Studio

Суреш Мохан
26 июня 2019 г. · 5 мин чтения

Изображение для сообщения

Visual Studio Code — это фундаментальный инструмент программирования для редактирования исходного кода компьютерных программ. Он разработан Microsoft для работы в операционных системах Windows, Linux и Mac. Это бесплатное приложение с открытым исходным кодом как для частного, так и для коммерческого использования.

Вот список из 10 приемов, которые каждый разработчик должен знать в Visual Studio Code:

  • Палитра команд
  • Режим Дзен
  • Разделенный вид
  • Перенос тегов
  • Интеграция с Git
  • Новые темы и плагины
  • Командная строка в VS Code
  • Редактировать несколько строк одновременно
  • Исключить папки
  • Перейти к определению

Палитра команд позволяет вам получить доступ к различным доступным командам, просто набрав ключевое слово вместо навигации по меню.

Палитру команд можно открыть с помощью комбинации клавиш Ctrl + Shift + P . Затем вы можете ввести соответствующие ключевые слова, чтобы увидеть список команд в раскрывающемся окне..

 Палитра команд

Центрированный код в режиме дзен

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

Разделенное представление можно настроить в соответствии с вашими предпочтениями, независимо от того, хотите ли вы расположить файлы вертикально или горизонтально.

Вы можете получить разделенное представление, выбрав View > Макет редактора > Разделить .

Сравнение файлов в режиме Split View

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

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

Перенос тегов с помощью Emmet

Код Visual Studio поставляется с интеграцией Git, которая позволяет фиксировать, извлекать и отправлять изменения кода в удаленный репозиторий Git. .

Откройте файл в коде Visual Studio, принадлежащий репозиторию Git. Редактор покажет разницу между рабочей копией и текущим файлом в удаленном репозитории. Это не будет работать без подключения к Интернету; один необходим, чтобы оставаться на связи с репозиторием Git.

Ознакомьтесь с этой шпаргалкой по всем командам Git.

 Разница в коде между рабочей копией и базой кода

 Изображение для сообщения

Command-  Строка в VS Code

Просто скопируйте и вставка кода немного устарела. В VS Code вы можете редактировать несколько строк, добавляя курсоры в разные места. Это очень полезно, если вы собираетесь использовать один и тот же код в разных строках. Вместо того, чтобы копировать и вставлять код повсюду, вы можете удерживать Alt и click , чтобы добавить курсор в те места, где вы хотите ввести или отредактировать код. . После добавления курсоров отредактируйте код, чтобы увидеть изменения в местах добавления курсоров.

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

Исключая папку

При программировании или написании сценариев вы часто сталкиваетесь с переменной или методом, которые вы не узнаете. Вы можете потратить несколько минут поиск нужного файла, либо вы можете удерживать Command (на Mac) или Ctrl (в Windows) и щелкнуть имя переменной или метода. VS Затем код перенесет вас к его определению.

Или вы можете просто удерживать Command (на Mac) или Ctrl (в Windows) и навести указатель на переменную или метод, чтобы увидеть встроенное определение в положение курсора.

Проверка переменной во всплывающем окне

Надеюсь, вам понравилось изучать некоторые новые приемы эффективного использования кода Visual Studio. Знаете трюк в VS Code и считаете, что он будет полезен другим? Поделитесь этим в комментариях ниже. Мы добавим его в другой блог.

Удачного кодирования!

Первоначально опубликовано на https://www.syncfusion.com 26 июня 2019 г.

Оцените статью
clickpad.ru
Добавить комментарий