Ein Artikel, in dem sublime text3 vorgestellt wird, um die Vue-Dateivorlage zu erhalten

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

🎜Installieren Sie das Plug-in vue -syntax-highlight 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!