首頁  >  文章  >  開發工具  >  一文介紹sublime text3搞定vue檔模板

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

藏色散人
藏色散人轉載
2021-08-31 16:27:273063瀏覽

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

1.安裝SublimeTmpl範本

#安裝完成SublimeTmpl
可以看到下面這張圖

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

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"}
}

一文介紹sublime text3搞定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中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除