share —
每天打程式碼打到天暈地暗了,已經不知道什麼是對的什麼是錯了,
有時候腦袋空白連一行程式碼都想不出來嗎?
別再擔心這些問題了!現在來介紹一款網頁設計師愛用,堪稱前端開發神器而且超好用的軟體吧~
這款軟體就是Emmet!這款軟體強大的地方在於幾乎所有網頁開發軟體都能夠使用,
而且官網非常的貼心,附有所有軟體的安裝方式!就算英文不好也不用擔心,安裝過程都超簡單的!

 

以下是官網連結

 

究竟Emmet的功能有多強大?
簡單來說就是能讓前端設計師輸入短短文字,就能寫出超級複雜的程式語言喔!
每個英文字母都有對應的程式語言,看到這裡也許會疑問?
那我們怎麼知道那些簡寫代表什麼意思?
關於這點也不用擔心,Emmet把所有會用到,會玩到的程式語言都放在這裡了!

 

連結在此:

 

看了還是不懂怎麼用嗎?
別擔心,Emmet的官網真的十分有人情味!
大家都可以直接在網路上測試程式碼喔!
給你連結去玩玩看吧~
按下Try youself就可以自己輸入程式碼,
對照Emmet給的cheat sheet 輸入看看吧!
打入一段程式簡碼

 

emmet
案Ctrl+E
就會出現

 

emmet1

 

不只是HTML連CSS也可以用Emmet來寫喔!
也許還會疑問?那我怎麼知道有沒有支援我使用的軟體?
別擔心,emmet 支援十幾種軟體,並且都附有詳細的安裝說明
雖然都是英文的,只要一部部按照說明走,相信都不會有太大的問題!
emmet2

 

掌握Emmet七八成的簡寫程式碼,就能夠省去大半時間在慢慢code,
是不是很令人興奮呢?快去下載來測試看看這款前端網頁設計師救星!

 

延伸閱讀:
Click to Hide Advanced Floating Content

勲偉

怡萱

一鍵打造完美品牌網站
讓專業顧問了解您的需求
速速諮詢去!