Brackets 擴充功能「Beautify & Indent Guides」:自動縮排美化與縮排層次標記
2018/09/20
萌芽站長
4,170 0
軟體應用 , 網站技術
Brackets
「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
Android Studio:Rx.Network 有無網路偵測、可回傳 Boolean 值做動作
📆 2019-12-29
📁
軟體應用, 行動平台, 程式設計, Android, JAVA, APP開發
Telegram「LikeBot」:建立訊息附加按鈕、Emoji按鈕
📆 2018-01-08
📁
軟體應用, 行動平台, APP應用
Stable Diffusion web UI x state:記憶 AI 繪圖參數,重新載入或啟動後自動復原!
📆 2023-03-21
📁
軟體應用, 人工智慧, AI繪圖
SugarHosts 糖果主機:CP值高的付費虛擬主機,無限空間/流量
📆 2018-08-16
📁
網站技術, 架站資源
After Effects 眨眼效果製作教學
📆 2017-02-07
📁
軟體應用, 多媒體, 動畫特效
Google 相機 & StereoPhoto Maker & Facebook:用一般的手機輕鬆建立 3D 照片!景深 3D 照完整...
📆 2019-04-19
📁
軟體應用, 多媒體, 行動平台, 行動裝置, APP應用, Android, 靜圖處理
【網站程序】Piwik 免費又自由的訪客統計自架程序
📆 2015-04-18
📁
網站技術, 架站程式
Stable Diffusion web UI 之 AI 繪圖教學:寬畫面輸出導致人物頭部切掉的解法
📆 2022-12-16
📁
軟體應用, 人工智慧, AI繪圖
留言區 / Comments
萌芽論壇