一文介紹sublime text3搞定vue檔模板

sublime text3 製作vue檔模板！以下由sublime教學專欄為大家介紹sublime text3如何製作vue檔案模板，希望對需要的朋友有幫助！

1.安裝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
新vue檔案後，如果右下角顯示是vue Component就證明可以了。
如果不是，按Ctrl Shift P 輸入Vue 切換成set Syntax：Vue Component就可以了。

更多sublime相關知識，請造訪sublime教學欄位：https://www.php.cn/tool/sublime/

以上是一文介紹sublime text3搞定vue檔模板的詳細內容。更多資訊請關注PHP中文網其他相關文章！