NetBeans 語法高亮、VueJS 單文件組件和 pug

Question

使用 NetBeans 8.2 構建使用單文件組件的 VueJS 應用程序。 單個文件組件有一個 html 模板部分和一個腳本部分（以及可選的 CSS 部分）。 將 .vue 擴展名與 text/html mime 類型相關聯后，語法突出顯示工作正常。

VueJS 通過指定 lang 屬性（見下文）支持在模板部分使用模板語言。 我使用 pug 作為我的模板語言。 html 語法熒光筆無法將模板部分識別為 pug。

我可以將 mime 類型切換為 text/jade（pug 以前是 jade），並且我在模板部分獲得了正確的突出顯示，但隨后它停止將腳本部分識別為 JavaScript，從而破壞了語法突出顯示。

根據我的研究，似乎沒有辦法解決這個問題（缺少編寫自定義插件），但我想確認一下。

最佳情況下，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 files(text/html)”。

就是這樣。

您現在將在您的 vue 文件中對 HTML、CSS 和 javascript 進行完整的語法高亮顯示。