如何在VSCode中设置BEM命名的大小写规则？

问题场景 #

你编写的代码如下：

<html>
    <head>
    </head>
    <body>
        <form class="search-form search-form_disabled"></form>
    </body>
</html>

安装BEM Helper扩展后收到警告：BEM - Class names must be in kebab case。尝试通过命令面板修改bemHelper.classNameCase设置时，下拉菜单仅提供一个可选选项，没有any选项，需要其他设置方式。

可行的解决方式 #

• 直接编辑settings.json配置文件
  打开VSCode设置界面（快捷键Ctrl+,或Cmd+,），点击右上角的{}图标进入JSON编辑模式，添加或修改以下配置：

  "bemHelper.classNameCase": "any"
  

  保存配置后重启VSCode，扩展就会允许任意格式的类名，不再抛出该警告。

• 调整类名符合kebab-case规范
  按照BEM的标准写法，修饰符需用双连字符分隔，把search-form_disabled改成search-form--disabled，既符合扩展检查规则，也严格遵循BEM规范：

  <form class="search-form search-form--disabled"></form>
  

内容的提问来源于stack exchange，提问作者Ella Ksenofontova