大家好，我是雄雄，歡迎關(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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。