source.vue не работает в моем фрагменте vue в возвышенном тексте3?

У меня очень неприятная проблема с моим возвышенным фрагментом о .vue type flie.
Допустим, я хочу добавить фрагмент vue в возвышенное самостоятельно, и я хочу, чтобы vue tabtrigger ниже работал только в файле типа vue.
Я добавляю эти коды в свой vue.sublime-snippet:

<snippet>
    <content><![CDATA[
        Some text
]]></content>
    <tabTrigger>vue</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.vue</scope>
</snippet>

После сохранения этого файла в моей возвышенной папке я создаю файл test.vue и набираю vue, а затем нажимаю Tab.
Но ничего не произошло. Я ожидал, что Some text может появиться после табуляции в файле test.vue.
Почему мой фрагмент не работает с файлом vue?

PS: я изменил source.vue на source.js source.php и т. д. в своем фрагменте и проверил в соответствующем файле js, php, все они работают нормально. Только vue не получилось. Что-то не так с возвышенной идентификацией файла типа vue? Как решить эту проблему?


person SkuraZZ    schedule 29.07.2017    source источник


Ответы (2)


Правильным селектором области для Vue.js является text.html.vue, что можно увидеть, создав новую пустую вкладку в ST, установив синтаксис на Vue.js, а затем перейдя в меню «Инструменты» -> «Разработчик» -> «Показать имя области» или проверив определение синтаксиса: https://github .com/vuejs/vue-syntax-highlight/blob/f87459fc1bf26a4b8e50e232757d4682892c971d/vue.tmLanguage#L1465-L1466

person Keith Hall    schedule 29.07.2017

Недавно я столкнулся с той же проблемой и использовал source.js в качестве селектора области.

<snippet>
<content><![CDATA[
    your snippet here
 ]]></content>
   <tabTrigger>vue</tabTrigger>
   <!-- Optional: Set a scope to limit where the snippet will trigger -->
   <scope>source.js</scope>
 </snippet>
person Geeky Geeky    schedule 29.07.2021