本文摘自PHP中文网,作者藏色散人,侵删。
sublime text3 制作vue文件模板!下面由sublime教程栏目给大家介绍sublime text3如何制作vue文件模板,希望对需要的朋友有所帮助!1.安装SublimeTmpl模板
安装完成 SublimeTmpl
后
可以看到下面这张图
2.创建 vue 模板
2.1 在路径:Sublime Text 3PackagesSublimeTmpltemplates 下新建 vue.tmpl 文件:
1 2 3 4 5 6 7 8 9 10 11 | <template>
</template>
<script type= "ecmascript-6" >
</script>
<style rel= "stylesheet" >
</style>
|
2.2 打开 Default.sublime-commands,复制粘贴以下配置
1 2 3 4 | ,{
"caption" : "Tmpl: Create vue" , "command" : "sublime_tmpl" ,
"args" : { "type" : "vue" }
}
|
2.3 同上一步骤位置,打开 Key Bindings-Default 设置热键
1 2 3 4 5 6 | [
{
"keys" : [ "ctrl+alt+e" ], "command" : "sublime_tmpl" ,
"args" : { "type" : "vue" }, "context" : [{ "key" : "sublime_tmpl.vue" }]
}
]
|
现在你就可以用 Ctrl+Alt+e
就可以建立新的vue模板了
阅读剩余部分
相关阅读 >>
sublime text2怎么直接测试perl代码
sublime text内运行怎么javascript(es6)
sublime snippet如何编写
vscode中如何调试vue代码?
分享我的sublime配置和包(收藏)
sublime如何利用正则批量修改数据
一文介绍sublime text3搞定vue文件模板
sublime下怎么建立node编译系统
使用vscode如何快速搭建vue模板?方法介绍
浅谈vscode使用i18n-ally插件实现国际化
更多相关阅读请进入《vue.js》频道 >>
转载请注明出处:木庄网络博客 » 一文介绍sublime text3搞定vue文件模板