Brackets 擴充功能「Brackets Icons」:為左側樹狀檔案列表加入類型圖示
2018/09/20
萌芽站長
727 0
軟體應用 , 網站技術
Brackets
「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。
這邊要推薦一個名為「Brackets Icons」的 Brackets 擴充功能,可以為左側樹狀檔案列表加入類型圖示,未來將更容易辨識各種類型的檔案,如:HTML、CSS、JavaScript 與圖片檔案。如果沒安裝這個擴充功能,預設左側是沒有東西的。現在就依照以下圖文安裝吧!😎
▲預設的左側樹狀檔案列表是沒有圖示標記的。
▲兩種方式都可開啟「擴充功能管理員」。
▲搜尋「File Icons」,即可快速找到「Brackets Icons」,接著安裝它。
▲安裝完成後「檢視」就會出現圖示相關設定,預設模式為「Ionicons」,可以改為「Devicons 」。
▲「Devicons」模式的圖示,是以版本圖為主,如:HTML 顯示經典的 HTML 5 圖示。
贊助廣告 ‧ Sponsor advertisements
Brackets:即時預覽,儲存檔案就立刻幫您重載網頁顯示結果
📆 2018-09-20
📁
軟體應用, 網站技術
JavaScript:將 HTML 網頁上的區塊轉換成 JPG 圖檔
📆 2020-05-16
📁
網站技術, HTML, JavaScript
Python(Visual Studio Code 擴充功能):讓 VSCode 支援 Python
📆 2019-03-10
📁
軟體應用, 程式設計, Python
SD web UI x ControlNet:運用 Tile 使 AI 參考構圖進行再生成(搭配 LoRA 模型)
📆 2023-05-04
📁
軟體應用, 人工智慧, AI繪圖
WSL(Visual Studio Code 擴充功能):快速編輯 WSL 中的程式或檔案
📆 2023-04-21
📁
軟體應用
Node.js:Gulp 運行 gulp-connect 套件,建立前端開發伺服器(Gulp 大展身手!)
📆 2019-03-25
📁
網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
Master:快速製作響應式 GRID 格線佈局
📆 2022-05-01
📁
網站技術, HTML, CSS
Visual Studio、Git:建立本機存放庫並推送至 GitHub
📆 2021-10-08
📁
軟體應用, 程式設計
留言區 / Comments
萌芽論壇