在编写前端代码时 缩进规范一般被认为是2个空格 而非默认的4个空格
当我们通过webstorm去编写前端代码时 我们可以通过setting->Code Style->html/css/js指定的界面中去设置tab/indent/continuation indent

具体的话 我们将html/css/js操作界面中的tab/indent设置为2个空格即可 他们控制的是元素/元素内容/元素嵌套的子元素的缩进效果
而continuation indent表示的是过度缩进 他控制的是一行显示不下的内容(元素属性等等)换行显示时的缩进效果 比如js代码函数调用换行显示参数时的参数的缩进效果

并且 建议当我们需要自定义缩进效果时 将Code Style界面的Detect and use existing file indents for editing和Enable EditorConfig support取消勾选(他们会根据一些已存在的缩进文件去设置缩进效果)