学会它,可以替你写100行 200行 300行……的代码
大家好,我是雄雄,歡迎關(guān)注微信公眾號(hào):雄雄的小課堂。
今天,給大家分享一個(gè)非常非常使用的小技巧,那就是:“在webstrom中創(chuàng)建一個(gè)簡(jiǎn)單的vue模板”,根據(jù)這個(gè)方法,你可以任意的創(chuàng)建html模板、JavaScript模板、以及其他你想要的模板。
下面我們就來(lái)一步步的看看,如何創(chuàng)建vue的模板。
分析:上面這段代碼是在HTML文件中寫(xiě)了個(gè)簡(jiǎn)單的vue示例,相信大家很快的就看出來(lái)運(yùn)行結(jié)果是什么,沒(méi)錯(cuò),就是在頁(yè)面中輸出【我的名字叫:王炎霸】。在初學(xué)vue時(shí),這段代碼我們每創(chuàng)建一個(gè)vue示例,幾乎都會(huì)寫(xiě)類似的代碼,所以就會(huì)出現(xiàn)重復(fù)工作。
為了省事,我們可以將這段代碼一并打包放在一個(gè)模板中,待下次使用時(shí)直接拿來(lái)用即可,會(huì)省好多工作。
點(diǎn)擊webstrom的文件,然后點(diǎn)擊設(shè)置,打開(kāi)設(shè)置界面。(我都已經(jīng)漢化了,英文版的對(duì)照這個(gè)找就可以)
點(diǎn)擊“編輯器”->實(shí)時(shí)模板->Vue->點(diǎn)擊右邊的“+”按鈕
選擇“動(dòng)態(tài)模板”
最后填寫(xiě)縮寫(xiě),比如我這里是vue,在html代碼中我們就可以通過(guò)寫(xiě)vue來(lái)直接快速生成簡(jiǎn)單的vue示例。
描述隨便寫(xiě)寫(xiě)
模板文本:就是我們?cè)趆tml頁(yè)面中復(fù)制過(guò)來(lái)的。
最后點(diǎn)擊“定義”,選擇“HTML”
最后點(diǎn)擊應(yīng)用,確定。
然后我們回到html頁(yè)面中,直接在空文檔中輸入vue,然后按tab鍵,即可直接出來(lái)示例代碼。
操作完畢,你會(huì)了嗎?
總結(jié)
以上是生活随笔為你收集整理的学会它,可以替你写100行 200行 300行……的代码的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 三个剩两个,两个剩一个,最后一个都没剩下
- 下一篇: 下午带着几个同学打了两节课的牌~