美文网首页走过也不晓得
在sublimeText3中利用snippet快速创建vue c

在sublimeText3中利用snippet快速创建vue c

作者: heachou | 来源:发表于2017-04-14 15:00 被阅读165次

    1.打开sublime,选择tools然后选择Developer --> new snippet

    2.粘贴以下代码到刚打开的文档
    <pre>
    <snippet>
    <content><![CDATA[
    <template>

    </template>
    <script type="text/javascript">
    export default {
    name: '${1:component_name}',
    props:[],
    data () {
    return {
    };
    },
    methods: {

    },
    };
    </script>
    <style type="text/css" lang="${2:less}" scoped>

    </style>
    ]]>
    </content>

    <tabTrigger>vue</tabTrigger>


    </snippet>
    </pre>
    注:
    <content><![CDATA[ 这里放模板内容 ]]></content>
    <tabTrigger>这里放需要在编辑器输入的内容</tabTrigger>

    3.保存为 XXX.sublime-snippet,关闭然后重启sublime

    4.新建一个vue文件,输入 vue 按下tab键看看效果吧。

    相关文章

      网友评论

        本文标题:在sublimeText3中利用snippet快速创建vue c

        本文链接:https://www.haomeiwen.com/subject/lfwwattx.html