Подсветка синтаксиса NetBeans, отдельные файловые компоненты VueJS и мопс - PullRequest
0 голосов
/ 20 октября 2018

Использование NetBeans 8.2 для создания приложения VueJS с использованием отдельных файловых компонентов.Отдельные файловые компоненты имеют раздел шаблона html и раздел скрипта (и, необязательно, раздел CSS).Подсветка синтаксиса работает нормально после связывания расширения .vue с типом mime text / html.

VueJS поддерживает использование языков шаблонов в разделе шаблонов путем указания атрибута lang (см. Ниже).Я использую мопса в качестве языка шаблонов.Подсветка синтаксиса 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
  }
}

1 Ответ

0 голосов
/ 13 ноября 2018

В netbeans 8.2 вы можете сделать следующее ...

из главного меню, выберите Инструменты: Параметры.Выберите вкладку «Разное».

В группе «Связи файлов» нажмите новую кнопку.

Введите vue в качестве расширения файла (без точки) - нажмите «ОК».

В соответствующем типе файла найдите «HTML-файлы (text / html).

Вот и все.

Теперь у вас будет полная подсветка синтаксиса для HTML, CSS и javascript в ваших vue-файлах..

...