Популярные расширения Visual Studio Code

Автор оригинала: Adrian Hajdin

Code Time


Code Time — это плагин с открытым исходным кодом, который предоставляет метрики прямо в редакторе кода.

image

После установки расширения будет предложено войти в панель управления.

Если внутри редактора кода вы нажмете command + shift + P, откроется окно, в котором можно ввести Code Time, а затем выбрать между отображением данных в редакторе кода или в браузере.

Внутри браузера информация будет выглядеть так:

image

Внутри браузера красочнее:

image

Code Time полезен, если вам нужно точно знать или просто интересно, сколько времени вы тратите на написание кода.

One Dark Pro


One Dark Pro одна из самых популярных и часто загружаемых тем для Visual Studio Code.

image

В этом примере видно, что у нас есть значки для каталогов, таких как клиент и сервер, а также для файлов, таких как .eslintrc .gitignore и package.json.

One Dark Pro поддерживается в React, Angular, Redux и множестве различных фреймворков и библиотек, предоставляя различные значки каталогов для компонентов, утилит, стилей, а также для редюсеров (Reducers), действий (Actions) и хранилищ (Store).

Bracket Pair Colorizer


Это расширение позволяет сопоставлять скобки с цветами.
Это удобно, когда у вас есть глубоко вложенные объекты или функции, как показано здесь:

image

Color Highlight


Color Highlight показывает визуальное представление любого цветового кода.

Например, если вы введете RGB, RGBa, шестнадцатеричный или любой другой цветовой код, можно увидеть цвет, как в этом примере:

image

Path Intellisense



Path Intellisense — это плагин, который автоматически завершает имена файлов.

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

ES7 React/Redux/GraphQL/React-Native фрагменты


Следующее расширение — ES7 React/Redux/GraphQL/React-Native фрагменты. Длинное название, но сэкономит вам много времени, особенно если вы используете его в React.

Это расширение предоставляет фрагменты JavaScript и React/Redux в ES7 с функциями плагина Babel для VS Code.

Прямо в редакторе кода можно нажать command + shift + P, а затем ES7 Snippet Search, вы увидите длинный список коротких команд, которые можно запустить, чтобы получить более длинные фрагменты кода.

image

С помощью этого расширения можно легко найти команду, например, для фрагмента функционального компонента.

Вы запускаете команды, набирая их в редакторе и нажимая ввод. Все просто!

GitLens — Git supercharged


GitLens расширяет возможности Git, встроенные в Visual Studio Code.

Помогает с первого взгляда определить автора кода с помощью аннотаций Git-blame и code lens, легко перемещаться и изучать репозитории Git, получать ценные сведения с помощью команд сравнения и многое другое.

Нажав на строку кода, вы увидите, кто его редактировал, когда его редактировали и в каком коммите. Полезная вещь!

image
  • +11
  • 16k
  • 6
Поделиться публикацией

Похожие публикации

Комментарии 6

    +5
    Неделя на Хабре без поста «Лучшие плагины для Visual Studio» (половина из которых каждый раз повторяется) — пропавшая неделя :)
      +3
      Code Time полезен, если вам нужно точно знать или просто интересно, сколько времени вы тратите на написание кода.
      а для чего (мне, правда, интересно)?
        0
        Учитывая то что это расширение первое в списке и его описание занимает половину статьи, то вероятно, но не точно, автор оригинальной статьи причастен к этому расширению.
        +2
        Спасибо за Bracket pair colorizer
          0
          поправьте в CodeTime комментарии к скринам работы. там, где отображается консоль, написано, что это отображается в браузере
            +1

            Статья ничего нового и полезного не открыла. Уж лучше awesome wscode почитать.


            Подскажите есть ли плагин как colorcoder в сублиметексте?
            Этот плагин разукрашивает переменные и методы в один цвет так, чтобы можно было сразу сказать где одинаковые переменные.

            Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

            Самое читаемое