Vue.js高仿饿了么项目之Stylus问题脱坑

IDEA开发高仿饿了么的Vue.js项目时，我遇到了Stylus的CSS预处理器问题。

由于该项目是基于vue-cli脚手架写的vue项目，所以css用了stylus，但是在编译时候总是报错，在来回折腾好久之后，我终于解决了该问题，以下是我解决的过程：

1、在package.json文件中写入stylus和stylus-loader的依赖：

2、在cmd.ese中cd进入项目（cd+项目名），然后输入命令行：npm stylus和npm stylus-loader；

3、依次点击File—Settings—Plugins—Browse repositories，然后在弹出的界面搜索Vue.js，之后点击安装install即可；

4、在vue文件中的<style scoped>修改为<style lang="stylus" rel="stylesheet/stylus">；

5、以上就是网上给的解决方法，但在这样做了后，你会发现你使用&等符号嵌套写CSS代码时IDEA会报错，报错如下：

在折腾了好久，我终于解决了，只要把步骤4的那句话修改为<style lang="stylus" rel="stylesheet/stylus" type="text/stylus">就可以了。

转载于:https://my.oschina.net/u/3986411/blog/2242221