Sublime添加vue模板

Vue是一套构建用户界面的渐进式框架,下面由sublime使用教程栏目为大家介绍Sublime 添加vue模板的方法,非常简单,希望对需要的朋友有所帮助!

Sublime添加vue模板

Sublime 添加vue模板

第一步:

在路径:Sublime Text 3PackagesSublimeTmpltemplates下新建vue.tmpl文件:

dcbb051bfd7b732dbbd079ec2180683.png

<template>
    
</template>
<script type="ecmascript-6">
    
</script>
<style rel="stylesheet">
    
</style>

第二步:打开 Default.sublime-commands,复制粘贴以下配置

,{
        "caption": "Tmpl: Create vue", "command": "sublime_tmpl",
        "args": {"type": "vue"}
    }

第三步:添加快捷键Default.sublime-keymap

,{
        "keys": ["ctrl+alt+e"], "command": "sublime_tmpl",
        "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
    }

第四步:使用ctrl+alt+e就可以建立新的vue模板了

9fbbe8d09dba8207b1a7c75d735b5d2.png

以上就是Sublime添加vue模板的详细内容,更多请关注其它相关文章!