vue-cli中stylus缩进报错

1. 问题

1. 用vue-cli脚手架，eslint报格式错误踩了很多坑。stylus格式排列正确，如下图所示：
   

   

2. 但是添加的样式无效，在浏览器中查看，bulletin和content也没有样式，说明没有添加成功。
   并且运行时报“indent”错误。
   

2. 解决方法

我把stylus的所有样式试了个遍，终于知道原因了：tab和空格混用了。
表面上格式是正确的，但是在混用的时候，是会报错的。
可以在sublimeText的preferences-setting(user)中设置显示空格符号，把“draw_white_space”的属性设置成“all”就可以明显看出来哪些地方混用了。

效果如下：