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鍵看看效果吧。