Как в vs code можно найти class в html чтоб потом подставить префикс под каждый класс?

Question

[Сергей Сабуркин]

Задачи стоит следующая нужно найти все классы в html и добавить к ним префикс, можно было бы вручную это сделать но это кучу времени займет если знаете решение прошу поделиться, заранее спасибо !

Comments

[Simkav]

А чем вам поиск с заменой не угодил?

[Сергей Сабуркин]

Simkav, Проблема в том что у меня) 50+- сайтов и к каждому классу нужно префикс добавить даже если я буду глобально находить class=" а потом подставлять class="ng__ надо учитывать что у меня может быть 2-3 класса в одном элементе и их уже придется вручную менять

[Сергей Сергей]

А регуляркой заменять нельзя?

[Сергей Сабуркин]

Сергей Сергей, Я не разбираюсь в регулярках, если не сложно можно ссылку на ресурс для ознакомления, заранее спасибо !

[Simkav]

Сергей Сабуркин, ну тогда можно набахать какой-то скриптик на баше ноде или еще где угодно(если же делать именно через студию, то возможно есть какие-то плагины,но вряд-ли), я же правильно понял что нужно ко всем классам добавить какой-то префикс?

[Сергей Сабуркин]

Simkav, Да, все верно !

[Сергей Сергей]

Ну если не регулярка, то скрипт, который бы ходил по файлам и делал поиск подходящих строк и замену.

https://www.exlab.net/tools/sheets/regexp.html
Очень рекомендую изучить, много стресса можно избежать.

[Сергей Сабуркин]

Сергей Сергей, Огромное спасибо за ресурс пойду ознакомлюсь !

[Simkav]

Сергей Сабуркин, ну тогда если все сайты у вас локально, или есть возможность их выкачать и заменить, то я бы сделал скриптик и прогнал бы их через скрипт

[Сергей Сабуркин]

Simkav, сайты выкачены осталось только заменить классы

[Simkav]

Сергей Сабуркин, ну тогда либо придумать регулярку и в каждом хтмле её прокинуть в поиск, либо скрипт ноды\баша\етс

Answer 1

[Сергей]

Установи плагин https://marketplace.visualstudio.com/items?itemNam... и пересохрани файл со стилями.

Comments

[Сергей Сабуркин]

Это не то, я про как в html добавить префикс перед всеми классами, например был class="header__title title" => должно получиться class="ng_header__title ng_title"