Vue-cli里面引用stylus遇到的问题总结

时间:2023-03-09 07:16:00
Vue-cli里面引用stylus遇到的问题总结

1.stylus的调用

在vue-cli中用到stylus样式处理器的时候一定要引用两个对应的报stylus  stylus-loader

命令:cnpm install stylus stylus-loader --save-dev    //装在附属的配置栏里

2.用stylus时,缩进引发的问题,这里的缩进样式一定要规范,否则就会报这种缩进错误

Vue-cli里面引用stylus遇到的问题总结

3. 针对报错信息  expected "indent", got "eos"  的解决方法(这里只介绍使用 VS Code)的解决方案

这句话意思就是说空格符跟缩进冲突了,需要统一规范

 在网上搜了很多资料关于这个的报错原因,最后终于了解到具体原因以及通过实践得出了具体解决方法

 设置 =》用户设置

  1)系统默认的  editor.insertSpaces:true  不改,因为这句话的意思就是把缩进(tab)转化为空格,而我们的目的就是这样

2) 将系统默认的  editor.detectIndentation:true 改为 false,

原因:读取文件的时候系统默认默认用tab键,并且这里的tab键跟空格没有半毛钱关系,而我们现在要做的就是把tab键转换为空格,可以把editor.renderwhiteSpace设置成all,方便查看变化

3) 为了不影响其他文件格式,这里默认的只针对vue文件做了处理

修改后如图:

Vue-cli里面引用stylus遇到的问题总结