代码之家  ›  专栏  ›  技术社区  ›  Toskan

在不影响Vue模板的情况下,使用IntelliJ更改HTML中标记周围的“小于”和“大于”颜色

  •  3
  • Toskan  · 技术社区  · 6 年前

    我们通常会看到很多html。

    现在, < , > </ 标签周围到处都是。但除非有语法错误,否则这些都没有价值。并突出显示语法错误。

    所以不要看:

    enter image description here

    我想看看,注意你可以在

    Settings -> Editor -> Color scheme -> HTML -> HTML Code

    enter image description here

    问题是,如果我这样更改它,Vue模板也会受到影响,所有条件运算符也会变为灰色,就像 <>

    mycomponent.vue

    enter image description here

    通知 all in

    有别的办法吗?

    2 回复  |  直到 6 年前
        1
  •  2
  •   Ryan Leach    6 年前

    这是一个使用 language injections

    如果你没有 explicit vue.js support 已经设置好了(或者如果它不处理它),可以定义语言注入来突出显示该区域作为javascript表达式。

    https://studgeek.com/2010/08/16/intellijidea-webstorm-knockout-data-bind-attributes/

    演示如何为任意xml属性设置虚拟javascript上下文。

    enter image description here

    在这个(相当过时的)图像中,您可以看到前缀被设置为一个随机窗口变量对象,并且后缀结束该对象,这只是用类似于javascript的正确上下文的内容将代码包装在xml属性中。

    这个 data-bind 在本例中,xml属性将被替换为 v-if v-else 或者其他任何采用类似于javascript的绑定的vue属性。

    如果这不起作用,听起来像一个intellij错误,应该报告。

        2
  •  1
  •   BitfulByte    6 年前

    你可以试试 rainbow brackets plugin 对你有用。

    它改变了括号的颜色,并给每一对开合括号赋予一种独特的颜色,以便于识别哪些括号属于同一个括号。