解决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的 问题完美解决了 不再飙红了