之前在使用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的 問題完美解決了 再也不飆紅了
