13 лучших надстроек кода Visual Studio, которые вы должны попробовать

Visual Studio Code - один из самых популярных редакторов кода, который является не только открытым, но и кроссплатформенным, легким и быстрым. Несмотря на то, что VS Code довольно мощный из коробки, благодаря технологии Sense и включенным плагинам, таким как Emmet, вы можете увеличить его функциональность и полезность, установив дополнительные плагины. Вот некоторые из лучших расширений VScode, которые я нашел при использовании Visual Studio Code за последние несколько лет или около того.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

Лучшие расширения кода Visual Studio

1. Синхронизация настроек

Подготовить Синхронизация настроек Одно из лучших программ, которое должен иметь каждый пользователь и должен иметь расширение VS Code. Причина в том, что синхронизация настроек синхронизирует все ваши настройки VS Code, привязки клавиш, шаблоны и список суффиксов с GitHub. Это избавляет от необходимости переустанавливать и перенастраивать все расширения и темы при каждой установке VS Code или при использовании VS Code в нескольких системах. Самое лучшее в «Синхронизации настроек» - это то, что им очень легко пользоваться. Фактически, связав его с GitHub, вы можете загружать или синхронизировать настройки с помощью всего одного сочетания клавиш. При необходимости вы можете настроить его на автоматическую загрузку или загрузку параметров.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

2. Живой сервер

Если вы веб-разработчик или просто работаете с веб-технологиями, такими как CSS, JavaScript, PHP, HTML и т. Д., Это отличный сервис. Живой сервер необходимо. Что делает Live Server, так это то, что он создает локальный сервер внутри VS Code и позволяет вам открывать страницы разработки всего за два клика в любом браузере по вашему выбору. Нет необходимости вручную переходить к месту нахождения файла и открывать его оттуда. Не говоря уже о том, что когда Live Server запущен и работает, страница будет автоматически перезагружаться каждый раз, когда вы сохраняете документ. Итак, если вы веб-разработчик, попробуйте. Ты не вернешься.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

3. Открыть в браузере

Как вы понимаете по названию, вам разрешено добавлять Открыть в браузере Откройте любые поддерживаемые файлы в браузере по умолчанию или в браузере по вашему выбору одним щелчком мыши. Хотя это не так мощно и функционально, как расширение Live Server, Open in Browser помогает быстро просмотреть веб-документ без создания экземпляра сервера в фоновом режиме. Не говоря уже о том, что расширение Open in Browser довольно легкое по размеру и делает то, что вы делаете, без каких-либо сбоев.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

4. Красивее

Красивее Это один из моих любимых плагинов, который я устанавливаю сразу. Как следует из названия, Prettier делает код красивым и улучшает читаемость за счет правильного форматирования в соответствии с официальными и отраслевыми стандартами. После установки расширения вы можете либо настроить значок, нажав сочетание клавиш, либо настроить расширение на странице настроек VS Code для автоматического форматирования значка при сохранении. При необходимости вы можете изменить форматирование кода Prettier, изменив различные параметры, такие как интервалы табуляции, интервалы между скобками, конечную запятую, ширину печати, обтекание и т. Д., На самой странице настроек.

5. Информация о цвете

Информация о цвете Это очень простой, но эффективный плагин, который отображает большой предварительный просмотр и дополнительную информацию о цветах, которые вы используете в своем CSS. Если вам интересно, да, значок VS показывает небольшой предварительный просмотр того цвета, который вы используете. Однако это бесполезно, особенно в темных темах. Дополнительная информация, отображаемая в информации о цвете, включает, помимо прочего, значения HSL, значения RGB, альфа-значение, различные предварительные просмотры цветов и т. Д. Информация о цвете поддерживает CSS, SASS, SCSS и LESS.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

6. Маркер Todo

Вы когда-нибудь хотели внести какие-то изменения, обновить или добавить код, но забыли? установить Маркер Todo Вам больше никогда не придется проходить через это испытание. Если вы когда-либо использовали функцию Todo в интегрированной среде разработки (IDE), расширение Todo Highlighter в VS Code работает таким же образом. Все, что вам нужно сделать, это добавить Todo как обычно, и он будет выделяться из вашего обычного кода и привлекать к нему ваше внимание.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

7. Предварительный просмотр регулярных выражений

Сколько бы раз я ни использовал регулярные выражения, я все равно с ними запутался. Честно говоря, я не могу правильно написать свое регулярное выражение. Одна из причин этого в том, что я не могу сразу проверить свою ортогональность. А вот и роль Предварительный просмотр регулярных выражений включить это. После установки Regex Preview, Regex Preview будет отображаться рядом. Если вы играете с большим количеством регулярных выражений, попробуйте Regex Preview и посмотрите, подходит ли он вашим потребностям.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

8. Объектив Git

VS Code имеет встроенную поддержку Git и упрощает его использование. поднимать Объектив Git Это плоский и расширяет возможности Git, встроенные в VS Code. Что делает Git Lens особенным, так это то, что он позволяет легко исследовать репозитории, изучать историю файлов, визуализировать авторство кода с помощью аннотации Git Lens и объектива кода, выделять последние изменения, выполнять поиск, сравнивать различные ветки и т. Д. Если вы активно используете Git, попробуйте Git Lens, он изменит ваш рабочий процесс.

9. Путь Intellisense

В веб-разработке очень часто связывают различные типы файлов, такие как CSS и JS, с такими документами, как HTML и PHP. Хотя ввести путь к файлу несложно, небольшая помощь в виде автозаполнения может иметь большое значение. Путь Intellisense Это именно так. Это означает, что он автоматически дополняет имя файла и путь, поэтому вам не нужно дважды думать о пути или имени файла.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

10. Просмотр CSS

VS Code имеет удобную функцию под названием «Перейти к определению» и «Перейти к определению типа», которая позволяет вам определить стиль или тип кода. Берет Просмотр CSS Он открыт и показывает вам предварительный просмотр языка CSS, используемого в вашем документе. Это очень полезно, так как вам не нужно выходить из текущего документа только для того, чтобы знать, что вы делаете с данным классом или идентификатором CSS. Если вы веб-дизайнер, CSS Peek - один из обязательных плагинов для VS Code.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

11. Все в одном уценке

позволяет вам Уценка все в одном Быстро создавайте и редактируйте файлы readme или RTF с помощью Markdown прямо внутри VS Code. Лучшее в Markdown All in One - это то, что он может показывать предварительный просмотр в реальном времени, а его использование очень интуитивно понятно.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

12. Закладки

Если вы пишете много кода, нормально переключаться между некоторыми важными частями снова и снова. Хотя VS Code имеет номера строк, вам будет легче, если вы сможете различать эти важные строки. работа добавить закладки Именно для того, чтобы можно было легко выделять важные места и быстро и легко перемещаться между ними.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

13. Раскраска парных скобок.

Я недавно обнаружил добавление Раскраска для пары кронштейнов И он быстро стал одним из моих любимых плагинов VS Code. Как видно по названию, Color Pair Colorizer позволяет легко определить совпадающие скобки. Он не только сопоставит круглые скобки с цветами, но также выделит весь блок кода внутри круглых скобок, чтобы вы знали, где вы находитесь. Поверьте мне, когда вы создаете вложенные циклы или если они являются операторами, Bracket Pair Colorizer вам очень поможет.

13 лучших дополнений для кода Visual Studio, которые вы должны попробовать - Дополнения

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

Источник
Перейти к верхней кнопке