步骤一
修改这三处的值为:2

步骤二
把这两处默认的勾选去掉,不让其detection当前文件的Tab缩进

注意!
通过上面两个步骤,我们只是改变了在JS文件的Tab缩进改为2个空格
但是,*.vue的文件缩进问题并没有被解决!
我们发现,Code Style的选项没有Vue这一项,所以我们去Other File Types去调整相关配置
调整保存后,再重启WebStorm就OK啦!!!

以后需要改哪个类型的文件的代码缩进我们只需要去Code Style这个选项中,寻找对应的文件类型做相应调整就好了