【工具-SublimeText3】在SublimeText3中无法高亮 .vue 文件内容和less代码的解决方案

1、在SublimeText3中无法高亮 .vue 文件内容

安装插件 Vue Syntax Highlight。(搜索时键入 vue 即可在前几个找到,如果输入 vue-syntax-highlight 可能会找不到)。

image-20211123003934285

新建 .vue 文件后,如果编辑器右下角显示是 Vue Component 就证明可以了。如果不是,按 Ctrl+Shift+P 输入Vue 切换成 Set Syntax:Vue Component 就可以了。(如果已经打开的 .vue 文件没有高亮效果,也可以观察一下右下角是否为 Vue Component,然后尝试用这个命令来设置当前文件采用的语法)

image-20211123004325369

更新:2021年11月23日24:44:27

参考:sublime text3 制作vue文件模板 - SegmentFault 思否

参考:sublime text3支持Vue文件高亮显示 - 紫诺花开 - 博客园


2、在SublimeText3中无法高亮 .vue 文件中的style标签中的less代码

利用插件 Vue Syntax Highlight 可以让 SublimeText3 高亮 .vue 文件中的代码,但是我发现 .vue 文件中的 less 代码却没有高亮:

image-20211123004810343

网上搜索到的办法是在SublimeText3中安装 LessImproved 这个插件,但是我搜索之后发现似乎没有这个插件(我猜想可能是这个插件已经不再维护了,或者有了其他更好的解决方案了吧)。

image-20211123005732890

根据目前搜索到的插件,我就发现只有第一个 LESS 是用来高亮 less 代码的,于是我就安装了这个插件。发现确实有效:

image-20211123010102203

下面是安装成功后的信息:

Package Control Messages
========================

LESS
----

  LESS 2.0.0
  ======================

  Thank you for installing Less for Sublime Text.

  2.0 supports things like flex-box syntax, custom properties.
  Less is now also in line with the scope naming guidelines for Sublime Text 3.0.

  If something doesn't work for you let us know at:
  https://github.com/danro/LESS-sublime/issues

更新:2021年11月23日24:50:20

参考:sublime 编辑器前几天突然不识别.vue文件下style标签里的less了 - 一个石头 - 博客园

参考:解决在sublime里,.vue文件不识别style样式中lang=less_magic_xiang的博客-CSDN博客

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值