課程
/前端開發(fā)
/Html5
/炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ)
請問有朋友知道老師在WebStorm中輸入canvas屬性時(shí),直接點(diǎn)擊</canvas>就快速輸入是如何做到的嗎?需要什么設(shè)置、按鍵輔助或者外部插件呢?
2016-12-26
源自:炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ) 2-1
正在回答
這是我提的問題。不知道老師是怎么實(shí)現(xiàn)這段代碼的,不過我利用WebStorm的Live Templates做了一個(gè)類似的實(shí)現(xiàn):輸入縮寫(Abbreviation)id="canvas",Template text填寫為id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;",接著定義合適的applicable contexts,最后應(yīng)用。默認(rèn)擴(kuò)展鍵為tab,這樣在代碼中輸入id="canvas"后,只需要再按下tab鍵,就可以看到編輯器自動(dòng)補(bǔ)充為id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;"。
web小菜
坐等答案
碼者務(wù)農(nóng) 提問者
感覺老師用的應(yīng)該是是代碼片段之類的插件,我記得有一個(gè)emmet的插件,你可以參考一下
舉報(bào)
學(xué)習(xí)HTML5中最激動(dòng)人心的技術(shù)Canvas,徹底釋放自己的創(chuàng)造力
4 回答webstorm中,js文件如何引入到html文件中啊
1 回答速度越來越快怎么辦?
3 回答canvas標(biāo)簽庫
2 回答length屬性未定義
4 回答style不是樣式屬性嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-01-06
這是我提的問題。不知道老師是怎么實(shí)現(xiàn)這段代碼的,不過我利用WebStorm的Live Templates做了一個(gè)類似的實(shí)現(xiàn):輸入縮寫(Abbreviation)id="canvas",Template text填寫為id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;",接著定義合適的applicable contexts,最后應(yīng)用。默認(rèn)擴(kuò)展鍵為tab,這樣在代碼中輸入id="canvas"后,只需要再按下tab鍵,就可以看到編輯器自動(dòng)補(bǔ)充為id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;"。
2016-12-28
坐等答案
2016-12-28
感覺老師用的應(yīng)該是是代碼片段之類的插件,我記得有一個(gè)emmet的插件,你可以參考一下