Sublime添加vue模板


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

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

Sublime 添加vue模板

第一步:

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

dcbb051bfd7b732dbbd079ec2180683.png

1

2

3

4

5

6

7

8

9

<template>

     

</template>

<script type="ecmascript-6">

     

</script>

<style rel="stylesheet">

     

</style>

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

1

2

3

4

,{

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

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

    }

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

1

2

3

4

,{

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

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

    }

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

9fbbe8d09dba8207b1a7c75d735b5d2.png

以上就是Sublime添加vue模板的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

教你快速使用sublime text3编写html

怎么在linux下安装sublime text3

sublime如何正确显示中文

详解sublime text3配置verilog语法环境

sublime text的快捷方式有哪些

如何将sublime text添加到右键菜单中

sublime text3如何解决gosublime无法自动补全代码

sublime text代码编辑模式是什么

怎么用sublime text编辑第一个文本文档

在浏览器中打开预览sublime text3文件

更多相关阅读请进入《sublime》频道 >>



打赏

取消

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

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

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

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

评论

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