在sublimeText3中利用snippet快速創(chuàng)建vue component

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[ 這里放模板內(nèi)容 ]]></content>
<tabTrigger>這里放需要在編輯器輸入的內(nèi)容</tabTrigger>

3.保存為 XXX.sublime-snippet,關(guān)閉然后重啟sublime

4.新建一個(gè)vue文件,輸入 vue 按下tab鍵看看效果吧。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容