关于webstorm编辑器识别less的问题，我是在vue里使用less

Question

效果可以使用，但是就是webstorm里显示这样子看着很不舒服

Answer 1

@Kyle 兄弟你害得我很苦啊
不知道是不是版本的原因，大家请记住最新的webStorm（2017版的）是这样配置less的

<style scoped lang="less" type="text/less">
    export default{
        ···
    }
</style>

是改type="text/less" 改 rel 是没用的。

秀下效果

大家点赞吧！

Answer 2

加上rel="stylesheet/less"就可以了。

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

Answer 3

需要下载插件支持，webstorm上有less的插件，下载然后去配置。

Answer 4

<style lang="less" type="text/less">我已解决

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

Answer 5

@zgj233 正解