Question

使用NetBeans 8.2使用单个文件组件构建VueJS应用程序。单个文件组件具有html模板部分和脚本部分（以及CSS部分）（可选）。将.vue扩展名与text / html MIME类型关联后，语法突出显示可以正常工作。

VueJS通过指定lang属性（参见下文）来支持在模板部分中使用模板语言。我使用哈巴狗作为我的模板语言。 html语法荧光笔无法将模板部分识别为pug。

我可以将mime类型切换为text / jade（pug以前是玉），并且在模板部分可以正确地突出显示，但是随后它停止将脚本部分识别为JavaScript，从而破坏了THAT语法突出显示。

根据我的研究，似乎没有办法解决此问题（无需编写自定义插件），但我想确认一下。

最理想的是，NetBeans只会识别lang属性并适当突出显示，但是我找不到任何表明这种可能性的东西。

代码示例：

<template lang="pug">
    header(class="navbar navbar-sticky")

    <!-- Site Logo -->
    a(href="index.html", class="site-logo visible-desktop") [ logo ]
    a(href="index.html", class="site-logo visible-mobile") [ logo ]
</template>

export default {
  name: 'Navbar',
  props: {
    msg: String
  }
}

Answer 1

在netbeans 8.2中，您可以执行以下操作...

从主菜单中选择“工具：选项”。选择“其他”标签。

在“文件关联”组中，单击新按钮。

输入vue作为文件扩展名（不包含点）-单击“确定”。

在关联的文件类型中，找到“ HTML文件（text / html）。

就是这样。

您现在将在vue文件中突出显示HTML，CSS和javascript的完整语法。

NetBeans语法突出显示，VueJS单个文件组件和pug

1 个答案: