之前在使用webstorm開發(fā)vue項(xiàng)目過程中，發(fā)現(xiàn)代碼里的less有些地方總是飄紅報錯，雖然不影響整體代碼運(yùn)行，但是看起來總是很亂很難受，如下圖（由于當(dāng)時忘記截圖，在網(wǎng)上找別人的圖片，但是遇到問題是一樣的 ）

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

然后我在網(wǎng)上找了很多解決方案，大致有以下幾個

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配置一下

總結(jié)：以上三種方法我都做了嘗試，發(fā)現(xiàn)并不能解決我的報錯問題，繼續(xù)找其他解決辦法

繼續(xù)搜索發(fā)現(xiàn)又有人說是版本問題，于是看了下自己的webstorm版本，16版，好吧 實(shí)在是太老了，于是下載最新版，嘗試看是否能解決我的問題，

在安裝最新版的webstorm過程中，又遇到一個坑，裝完發(fā)現(xiàn)WebStrom Mac閃退打不開，原來是之前安裝的版本沒有完全卸載，如果有遇到同樣問題的 請按照以下方法刪除殘留版本，在命令框輸入以下命令

• cd library
• cd Preferences

輸入下面命令，刪除所有殘留的webstorm版本

• rm -rf WebStorm2016.3

將所有殘留版本刪除之后，重新裝了最新版的2018.3.4的 問題完美解決了 再也不飆紅了

總結(jié)

以上是生活随笔為你收集整理的解决mac下webstorm编辑器识别less的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。