解决mac下webstorm编辑器识别less的问题

之前在使用webstorm开发vue项目过程中，发现代码里的less有些地方总是飘红报错，虽然不影响整体代码运行，但是看起来总是很乱很难受，如下图（由于当时忘记截图，在网上找别人的图片，但是遇到问题是一样的 ）

https://segmentfault.com/img/...

然后我在网上找了很多解决方案，大致有以下几个

1.加上 rel="stylesheet/less"

<style lang="less" rel="stylesheet/less">
...
</style>

2.加上 type="text/less"

<style scoped lang="less" type="text/less">
...
</style>

3.先全局安装npm install less -g ；然后 webstorm>tools>file watchers> + >less配置一下

总结：以上三种方法我都做了尝试，发现并不能解决我的报错问题，继续找其他解决办法

继续搜索发现又有人说是版本问题，于是看了下自己的webstorm版本，16版，好吧 实在是太老了，于是下载最新版，尝试看是否能解决我的问题，

在安装最新版的webstorm过程中，又遇到一个坑，装完发现WebStrom Mac闪退打不开，原来是之前安装的版本没有完全卸载，如果有遇到同样问题的 请按照以下方法删除残留版本，在命令框输入以下命令

• cd library
• cd Preferences

输入下面命令，删除所有残留的webstorm版本

• rm -rf WebStorm2016.3

将所有残留版本删除之后，重新装了最新版的2018.3.4的 问题完美解决了 再也不飙红了