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

3.保存為 XXX.sublime-snippet,關閉然后重啟sublime

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

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容