如何自定義自己的開發(fā)模板？你需要這幾步：

點擊VsCode左上角的“文件” ； 找到 “首選項” 并點擊首選項里的 “用戶片段”； 輸入 “vue.json” 點擊進(jìn)入該文件 現(xiàn)在你就能編輯自己的Vue頁面開發(fā)模板了！

下面是我的模板代碼：

{'Print to console': { 'prefix': 'vue', 'body': ['<!-- $0 -->','<template>',' <div></div>','</template>','','<script>','export default {',' data () {',' return {',' }',' },','',' //方法集合',' methods: {','',' },','',' //生命周期 - 創(chuàng)建完成（可以訪問當(dāng)前this實例）',' created(){','',' },','',' //生命周期 - 掛載完成（可以訪問DOM元素）',' mounted(){','',' },',' //生命周期 - 創(chuàng)建之前',' beforeCreate(){','',' },',' //生命周期 - 掛載之前',' beforeMount(){','',' },',' //生命周期 - 更新之前',' beforeUpdate(){','',' },',' //生命周期 - 更新之后',' updated(){','',' },',' //生命周期 - 銷毀之前',' beforeDestroy(){','',' },',' //生命周期 - 銷毀完成',' destroyed(){','',' },',' //如果頁面有keep-alive緩存功能，該函數(shù)會觸發(fā)',' activated(){','',' }','}','','</script>','<style lang=’scss’ scoped>','</style>'], 'description': 'Log output to console'} }

效果如下：

到此這篇關(guān)于VsCode里的Vue模板的實現(xiàn)的文章就介紹到這了,更多相關(guān)VsCode的Vue模板內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！