「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。
這邊要推薦一個名為「Brackets Icons」的 Brackets 擴充功能，可以為左側樹狀檔案列表加入類型圖示，未來將更容易辨識各種類型的檔案，如：HTML、CSS、JavaScript 與圖片檔案。如果沒安裝這個擴充功能，預設左側是沒有東西的。現在就依照以下圖文安裝吧！😎

▲預設的左側樹狀檔案列表是沒有圖示標記的。

▲兩種方式都可開啟「擴充功能管理員」。

▲搜尋「File Icons」，即可快速找到「Brackets Icons」，接著安裝它。

▲安裝完成後「檢視」就會出現圖示相關設定，預設模式為「Ionicons」，可以改為「Devicons 」。

▲「Devicons」模式的圖示，是以版本圖為主，如：HTML 顯示經典的 HTML 5 圖示。

CSS:新版捲(卷)軸!快來看唷!
📆 2013-01-01
📁 網站技術, CSS

SQL 查詢（SQL Query）的基本語法
📆 2019-04-21
📁 網站技術, 伺服器, 資料庫, 學業筆記, 學術詞彙, SQL

讓IE、Firefox、Chrome在Windows瀏覽網頁更美觀
📆 2014-06-11
📁 軟體應用, 瀏覽器, Google Chrome

Firefox Developer Edition:拍攝網頁完整截圖
📆 2016-04-09
📁 軟體應用, 瀏覽器, Firefox

Telegram 5.10 for Android & Telegram Desktop 1.8 更新：靜音訊息、留言限制模式、管理員頭銜等
📆 2019-08-10
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

Photoshop:模糊收藏館
📆 2016-07-15
📁 軟體應用, 多媒體, 靜圖處理

利用「.htaccess」強制使用「HTTPS」
📆 2016-09-11
📁 網站技術, 伺服器

Microsoft Edge Insider 預覽版本介紹，Beta、Dev 和 Canary 的差別？
📆 2024-08-27
📁 軟體介紹, 軟體應用, 瀏覽器, Edge

《上一篇》Brackets 擴充功能「Beautify & Indent Guides」：自動縮排美化與縮排層次標記 《下一篇》Brackets 擴充功能「Emmet」：快速編寫網頁的神器！打個「!」再按下「Tab」鍵就可生成 HTML5 基本架構？！