Brackets 擴充功能「Beautify & Indent Guides」:自動縮排美化與縮排層次標記

2018/09/20 1,172 軟體應用 , 網站技術

「Brackets」 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。
這邊要推薦兩個非常棒的 Brackets 擴充功能,可以分別達到自動縮排美化與縮排層次標記,讓編寫的網頁更加清楚明瞭!
🔸 Beautify - 將 HTML、CSS 及 JavaScript 原始碼自動縮排整齊排列。
🔸 Indent Guide - 自動將縮排層次標記出來,一眼就可以看出每個層次排列,編寫網頁更加輕鬆!
趕快依照著以下圖文為自己的 Brackets 擴充這兩個功能吧!😆

▲兩個箭頭指的地方都可以開啟「擴充功能管理員」。

▲搜尋「Beautify」,找到後安裝。

▲安裝畫面。

▲安裝成功後該擴充功能將出現在「已安裝」頁籤中。

▲這是一個完全沒有縮排的網頁。

▲按下剛剛「Beautify」擴充的快捷鍵「Ctrl+Alt+B」,網頁將自動縮排美化。接下來安裝「Indent Guide」擴充:

▲一樣到「擴充功能管理員」搜尋「Indent Guide」並安裝它。

▲之後就可以在「檢視」找到「Indent Guides」,點擊即開啟標記功能。

▲縮排層次已經清楚標記啦!是不是很棒呢?😊

贊助廣告 ‧ Sponsor advertisements
徵信社服務電話| 外遇疑雲| 阿宅來說徵信社故事| 如何手機監聽| 徵信社電話幾號| 徵信價目表費用| 抓姦在床蒐證| 台北立達徵信社| 免費法律諮詢專線| 馭夫術手段| 設計離婚服務| 男友感情挽回| 包二奶氾濫| 抓小三蒐證| 反跟蹤可行嗎| 尋人查址高手| 夫妻協議離婚| 委託外遇蒐證| 丈夫外遇偷腥| 名人外遇新聞| 立案專業徵信社| 婚前調查協助| 離婚扶養費| 汽車定位追蹤| 危險徵信社任務| 免費法律諮詢| 國際徵信公司|
【業界首推立達徵信FB