快捷導(dǎo)航

VsCode里的Vue模板的實(shí)現(xiàn)

更新時(shí)間：2020年08月12日 09:22:46 作者：生活得寫(xiě)意_MMZ

這篇文章主要介紹了VsCode里的Vue模板的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

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

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

下面是我的模板代碼：

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

效果如下：

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

您可能感興趣的文章:

相關(guān)文章

詳解Vue2.X的路由管理記錄之鉤子函數(shù)（切割流水線(xiàn)）
本篇文章主要介紹了Vue2.X的路由管理記錄之鉤子函數(shù)（切割流水線(xiàn)），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
前端開(kāi)發(fā)利器Vite完整版詳解
這篇文章主要給大家介紹了關(guān)于前端開(kāi)發(fā)利器Vite完整版詳解的相關(guān)資料,Vite是一種基于ES模塊的開(kāi)發(fā)服務(wù)器和構(gòu)建工具,專(zhuān)為現(xiàn)代化的前端開(kāi)發(fā)而設(shè)計(jì),需要的朋友可以參考下
2023-11-11
詳解element-ui中form驗(yàn)證雜記
這篇文章主要介紹了詳解element-ui中form驗(yàn)證雜記，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
axios的攔截請(qǐng)求與響應(yīng)方法
今天小編就為大家分享一篇axios的攔截請(qǐng)求與響應(yīng)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
vue項(xiàng)目中輪詢(xún)狀態(tài)更改方式(鉤子函數(shù))
這篇文章主要介紹了vue項(xiàng)目中輪詢(xún)狀態(tài)更改方式(鉤子函數(shù))，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
淺談super-vuex使用體驗(yàn)
super-vuex是一套用于簡(jiǎn)化Vuex的數(shù)據(jù)架構(gòu)。這篇文章主要介紹了淺談super-vuex使用體驗(yàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
Vue qiankun微前端實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了Vue qiankun微前端實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
詳解@Vue/Cli 3 Invalid Host header 錯(cuò)誤解決辦法
這篇文章主要介紹了詳解@Vue/Cli 3 Invalid Host header 錯(cuò)誤解決辦法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-01-01
Vite多環(huán)境配置及變量識(shí)別規(guī)則
這篇文章主要為大家介紹了Vite多環(huán)境配置時(shí)間及vite識(shí)別環(huán)境變量的規(guī)則,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-09-09
Vue必學(xué)知識(shí)點(diǎn)之forEach()的使用
在前端開(kāi)發(fā)中，經(jīng)常會(huì)遇到一些通過(guò)遍歷循環(huán)來(lái)獲取想要的內(nèi)容的情形，這時(shí)候就需要用到forEach()了，下面這篇文章主要給大家介紹了關(guān)于Vue必學(xué)知識(shí)點(diǎn)之forEach()使用的相關(guān)資料，需要的朋友可以參考下
2021-05-05