VS-код, добавляющий пробелы между именами классов, которые содержат дефисы
Мой VSCode сконфигурирован с более симпатичными настройками и настройками ESLint, чтобы упростить разработку.
Но я не уверен, какое правило влияет на имена моих классов JSX. В идеале имя класса должно быть: test-wrapper
<i className={style.test-wrapper} />
Но его сохранение изменилось на ниже при сохранении и вызывает много проблем:
<i className={style.test - wrapper} />
Могу ли я узнать, какое правило я должен переопределить или изменить?
4 ответа
Использование точечной нотации для доступа к свойству объекта (style.test-wrapper) работает только тогда, когда имя объекта содержит простые буквы a-z, A-Z, цифры 0-9 и специальные символы $ а также _, Кроме того, имя не может начинаться с цифры.
Если вы хотите использовать символ - в именах свойств вы можете использовать скобочные обозначения:
<i className={style['test-wrapper']} />
Для модулей css вы можете определить свои классы как test-wrapperи вы все еще можете называть классы как верблюжий случай следующим образом. Это сработало для меня, подумал, может помочь кому-то
<i className={style.testWrapper} />
я открылCode > Preferences > Settingsи вошелinsert spaceв строке поиска. Найдено 30 настроек. Никто не управляет вставкой пробелов вокруг дефисов.
Я искал в настройкахhyphenиdash, ничего не нашел.
Я отключил все 30Insert space...настройки. VS-Code продолжает вставлять пробелы вокруг дефисов в круглых скобках.
Эта проблема с помощью редактора кода vsНастройка-> открыть настройку пользовательского интерфейса Настройка пользовательского интерфейса, получив верхний правый угол, добавить код на свой код vs решить ее
"editor.formatOnSave": false,
"editor.insertSpaces": false