sublime text3 erstellt Vue-Dateivorlagen! Unten wird Ihnen in der Tutorial-Spalte von sublime erklärt, wie Sie eine Vue-Dateivorlage mit Sublime-Text erstellen3. Ich hoffe, dass es für Freunde hilfreich ist, die es benötigen!
1. Installieren Sie die SublimeTmpl-Vorlage
Nach der Installation von SublimeTmpl
SublimeTmpl
后
可以看到下面这张图
2.创建 vue 模板
2.1 在路径:Sublime Text 3PackagesSublimeTmpltemplates 下新建 vue.tmpl 文件:
<template>
</template>
<script>
</script>
<style>
</style>
2.2 打开 Default.sublime-commands,复制粘贴以下配置
,{
"caption": "Tmpl: Create vue", "command": "sublime_tmpl",
"args": {"type": "vue"}
}
2.3 同上一步骤位置,打开 Key Bindings-Default 设置热键
[
{
"keys": ["ctrl+alt+e"], "command": "sublime_tmpl",
"args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
}
]
现在你就可以用 Ctrl+Alt+e
就可以建立新的vue模板了
3. 高亮.vue文件
安装插件 vue-syntax-highlight
können Sie das Bild unten sehen
2.3. Taste
rrreee Jetzt können Sie Strg+Alt+e
verwenden, um eine neue Vue-Vorlage zu erstellen 3. Markieren Sie .vue-Dateien code>🎜Wenn nach dem Erstellen einer neuen Vue-Datei in der unteren rechten Ecke die Vue-Komponente angezeigt wird, beweist dies, dass sie in Ordnung ist. 🎜Wenn nicht, drücken Sie Strg+Umschalt+P und geben Sie Vue ein, um die Syntax festzulegen: Vue-Komponente. 🎜🎜Weitere Informationen zu Sublime finden Sie in der Spalte „Sublime-Tutorial“: 🎜https://www.php.cn/tool/sublime/🎜🎜🎜
Das obige ist der detaillierte Inhalt vonEin Artikel, in dem sublime text3 vorgestellt wird, um die Vue-Dateivorlage zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!