解決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的 問題完美解決了 不再飆紅了