一文介绍sublime text3搞定vue文件模板


本文摘自PHP中文网,作者藏色散人,侵删。

sublime text3 制作vue文件模板!下面由sublime教程栏目给大家介绍sublime text3如何制作vue文件模板,希望对需要的朋友有所帮助!

1.安装SublimeTmpl模板

安装完成 SublimeTmpl
可以看到下面这张图

2735353798b1aa859e121362e75b5db.png

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

}

28cb91fd5fae796af4e35e5e9250fbd.png

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》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...