Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>React selector selectNew to Visual Studio Code? Get it now.
React selector select

React selector select

CSEONS

|
13 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Class and ID Extractor

Описание

"React Class and ID Extractor" - это расширение для Visual Studio Code, которое позволяет извлекать уникальные значения атрибутов className и id из выделенного фрагмента текста в файлах React. Результаты копируются в буфер обмена с соответствующими префиксами (. для className и # для id).

Установка

  1. Клонируйте или скачайте этот репозиторий.
  2. Откройте Visual Studio Code.
  3. Перейдите в меню View -> Extensions.
  4. Нажмите на иконку с тремя точками в правом верхнем углу панели Extensions и выберите Install from VSIX....
  5. Выберите файл расширения.

Использование

  1. Откройте файл с кодом React в Visual Studio Code.
  2. Выделите фрагмент текста, содержащий атрибуты className и/или id.
  3. Щелкните правой кнопкой мыши на выделенном тексте и выберите команду Extract Class Names and IDs.
  4. Уникальные значения className и id будут скопированы в буфер обмена с соответствующими префиксами.

Пример

Если у вас есть следующий фрагмент кода:

<div className="container header" id="mainHeader">
    <span className="title">Welcome</span>
</div>

на выходе получим:

.container {}
.header {}
.title {}
#mainHeader {}

Вклад

Если вы хотите внести свой вклад в развитие этого расширения, пожалуйста, следуйте следующим шагам:

  1. Форкните этот репозиторий.
  2. Создайте новую ветку (git checkout -b feature-branch).
  3. Внесите ваши изменения и закоммитьте их (git commit -am 'Add new feature').
  4. Запушьте изменения в свою ветку (git push origin feature-branch).
  5. Создайте новый Pull Request.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft