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.