工具:Brackets

(三)建議外掛

(1)Emmet

為了少打字少錯誤,並加快輸入效率,那麼Emmet則是很好用的工具

Emmet官網本站參考連結

(2)jQuinter:輸入選取器時提供下拉式選單

參考網站

(3)Custom Work:以Tabs標籤面板顯示已開啟的檔案,依檔案類型顯示不同圖示

參考網站

(4)Color Highlighter:將顏色顯示於CSS屬性設定上

參考網站

(5)Beautify

(6)Indent guides:縮進

啟用:Toggle the extension with View > Indent Guides

(7)Lorem Ipsum:英文假文顯示器加入文章

輸入【lorem】+【Tab】即可顯示(參考網站

(8)Brackets icons

(9)JavaScript & CSS CDN Suggestions:快速輸入CDN

(10)Html Wrapper

Html Wrapper是一個幫助我們快速編寫html代碼的工具,支援的標籤有<ul>, <ol>, <nav>, <select> 和<tr>,在這些支援的標籤裡面輸入內容後按下Ctrl + Shift +E、Html Wrapper就會幫這些內容加上應有的子標籤格式。(官網參考網站及取用圖片