Некоторые очень полезные расширения VSCode

внешний интерфейс SVG React.js Sublime Text
Короткий комментарий: Вы переходите на VSCode и ищете полезные расширения? Вот некоторые из моих любимых расширений VSCode.

Html Tag Wrap

Это расширение позволяет вам выбрать слово, предложение или несколько строк текста и заключить их в указанные HTML-теги (сочетание клавиш: Alt + W или Option + W).

React.js code snippets

Если вы используете React.js, вы найдете эти фрагменты очень полезными.

rcc создаст скелеты компонентов, подобные React, rsc создаст компоненты React без сохранения состояния и так далее.


Npm Intellisense and Path Intellisense

При использовании React.js часто необходимо импортировать другие модули, эти два расширения сэкономят вам много времени благодаря автозаполнению операторов импорта.

Npm Intellisense автоматически дополняет модули npm в операторах импорта, а Path Intellisense автоматически дополняет имена файлов.

Git Blame

Git Blame добавит сообщение об ошибке git в строку состояния. Это полезно, чтобы быстро увидеть, кто вносил последние изменения в рабочий файл и кто на самом деле написал определенную строку кода.

Git History

Если вам нужна более подробная история коммитов, Git History — ваш лучший друг.

Bookmarks

Вероятно, это одно из самых полезных расширений в этом списке. Он позволяет создавать закладки (ctrl+alt+k или cmd+option+k) в любом месте файла, а затем быстро переключаться между закладками с помощью cmd+option+j или cmd+option+l.

Sublime Text Keymap

Если вы являетесь давним пользователем Sublime Text, это расширение сделает ваши любимые ярлыки Sublime Text доступными в VSCode.

HTML Class Suggestions

Это расширение добавит предложения по завершению кода для атрибутов класса HTML на основе файлов CSS в рабочей области.

Open in Browser

Я не уверен, почему это не встроенная функция VSCode, но это расширение позволяет вам открывать ваши html-файлы в браузере.

SVG Viewer

Установите это расширение, если вы хотите предварительно просматривать изображения и значки SVG непосредственно в VSCode.

Random

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

BEM Expand

BEM Expand позволяет расширять классы БЭМ в файлах HTMl и JSX.

Auto Close Tag

Добавьте закрывающие теги в теги html/xml, такие как Visual Studio или Sublime Text.

Auto Rename Tag

Это расширение автоматически переименовывает открывающие и закрывающие теги html/xml.

Alignment

Как и пакет расширения Sublime Text 3, это расширение будет выравнивать код.

оригинал:A Collection of Useful Extensions for VSCode - Petr Tichy - Front End Developer - Melbourne

Дальнейшее чтение:

Добро пожаловать, чтобы следовать:

  • Знай столбец "Аврора Ежедневно», каждый день читая три качественные статьи на английском языке для Makers.
  • Облачное радио NetEase»Аврора Ежедневно», читать газету для вас по дороге на работу и с работы.
  • Аккаунт WeChat "Aurora Developer", две технические галантереи в неделю