讓Sublime Text3支持新建.vue高亮顯示模板

     首先要使用Package Control，安裝要好 Vue Syntax Highlight和sublimetmpl插件.

1, 在Packages\SublimeTmpl\templates目錄下新建vue.tmpl 文件，vue.tmpl模板內容爲

 <template>

    <div>

    </div>

</template>

<script>

</script>

<style>

xport default {

  name:

  components: {

  }

}

</style>

2. 在sublime的菜單欄打開 Preferences>Package Settings>SublimeTmpl>Commands-defult在[ ]裏內容後面粘貼如下配置

 ,  {

        "caption": "Tmpl: Create vue", "command": "sublime_tmpl",

        "args": {"type": "vue"}

    }

 3. 在sublime的菜單欄打開 Preferences>Package Settings>SublimeTmpl>setting-defult在[ ]裏內容後面粘貼如下配置

打開Vue Syntax Highlight文件夾，找到Vue Component.sublime-syntax.cache文件，後面的配置裏的路徑要與它們的名稱對應上

 ,

    "vue": {

    "syntax": "Packages/Vue Syntax Highlight/Vue Component.tmLanguage",

    "extension": "vue"

    }

 4. 在sublime的菜單欄打開 Preferences>Package Settings>SublimeTmpl>Key Bindings-defult在[ ]裏內容後面粘貼如下配置

 ,{

      "keys": ["ctrl+alt+e"], "command": "sublime_tmpl",

        "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]

    }

 配置完後，按ctrl+alt+e，就能夠新建vue,並高亮顯示