账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue中指令内表达式的语法高亮?
    54
    0

    在使用vue中,由于其涉及大量的指令,我发现使用webstorm好像没有办法使得指令内的语法高亮,还是按照字符串处理的,eslint就更不起作用了。

    由于可能会在指令内写一些逻辑或者三目运算等,不知道有没有什么办法可以让指令内的语法高亮?(比如类似下面这种,希望:transform中的内容高亮)

    <g :transform="'translate('+ index*13 +', 0)'" v-for="(item, index) in eventsDecoded" />
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 念你如初↓ 普通会员 1楼

      在 Vue 中,指令内表达式的语法高亮可以使用一个名为 Highlight Vue 的插件来实现。这个插件基于 Highlight.js 框架,可以自定义颜色和样式。

      以下是使用 Highlight Vue 的步骤:

      1. 安装 Highlight Vue:

      bash npm install highlight vue

      1. 在你的 Vue 组件中使用 Highlight Vue:

      ```vue

      ```

      在这个例子中,highlight 方法会在文本的末尾添加一个 highlight 标签,使其成为高亮文本。

      1. 在你的 CSS 文件中引入 Highlight Vue:

      css .highlighted { color: red; }

      1. 现在,当你在 Vue 组件中使用 Highlight Vue 的 highlight 方法时,文本将会高亮显示。

      注意:Highlight Vue 的语法高亮并不是一种自动的样式,而是通过 HTML 和 CSS 之间的交互来实现的。因此,你需要手动调整 CSS 样式,以适应你的应用的样式需求。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部