VsCode常用设置,新手必备!
相信有不少同學(xué)在看大神進(jìn)行代碼開(kāi)發(fā)的時(shí)候只輸入了幾行代碼,之后編譯器自動(dòng)生成了一串代碼,那么你知道是怎么做到的嗎?
閑話不多說(shuō),今天小千就來(lái)聊一聊如何–懶省事(在VsCode里面設(shè)置自定義的模板)
首先:我們要找到這個(gè)模板設(shè)置的入口,在文件 - > 首選項(xiàng) - > 用戶(hù)代碼片段
選中以后,會(huì)出現(xiàn)下面這個(gè)輸入框,假如你想設(shè)置.vue文件的模板,可以新建一個(gè)vue.json全局代碼片段文件,輸入vue.json然后回車(chē)。
好了,接下來(lái)你可以把那些沒(méi)必要的注釋刪掉,只需要在這個(gè)json文件里面輸入以下內(nèi)容
好吧,解釋一下
這里的prefix是你在編輯器里輸入的內(nèi)容,就好像創(chuàng)建html文件的時(shí)候,輸入的英文感嘆號(hào)
body就是你回車(chē)以后出現(xiàn)的內(nèi)容
注意,這里的body是一個(gè)數(shù)組,每一行的內(nèi)容都是數(shù)組里的每一項(xiàng),并且需要用引號(hào)引起來(lái)。
是不是跟著敲好了?
接下來(lái),保存之后,就可以回到我們的.vue文件里面嘗試一下
當(dāng)然如果你覺(jué)得這還不夠,我們依舊可以在那個(gè)json文件里面繼續(xù)輸入
接下來(lái)你就可以輸入”js”,就能出現(xiàn)下面body里面的代碼。
抓緊去試試吧~~~
本文來(lái)自千鋒教育,轉(zhuǎn)載請(qǐng)注明出處。
總結(jié)
以上是生活随笔為你收集整理的VsCode常用设置,新手必备!的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 前端inline元素间隙问题解决办法
- 下一篇: 如何在React框架中使用ECharts