Press "Enter" to skip to content

Brackets套件清單

本來也是Sublime Text的愛用者,但自從我原本愛用的HTML-CSS-JS Prettify套件在美化css時出現了一直自動增加空行的bug,始終找不到解法,而我這個龜毛人又已經回不去沒有自動排版的生活,索性就直接跳槽Brackets了(?????)

關於Brackets,很久以前試玩過用它來做PSD切版的功能(參考連結),還滿酷的。不過因為近來做的專案已經幾乎不需要做切片,所以這次跳槽也就只集中在文字編輯器的功能方面。還好除了啟動還是比Sublime Text 3笨重一些之外,我需要的功能Brackets都有,或說也都能找到套件。而且大概畢竟是Adobe出品的關係,使用介面上還是比Sublime Text親切可人好調校一點XD

以下是目前服役中的Brackets套件:


Beautify
如其名,排版html/css/js用。

Brackets Slim
讓Brackets可以顯示slim檔案語法標示。

Custom Work
增加切換檔案檢視用的頁籤列,以及在側欄依照檔案格式增加icon。

Emmet
前端寫html和css必備套件。
順帶一提,當初從純html轉寫slim時,為了要繼續沿用Emmet查過資料,確認官方有公告可以輸出slim格式,但我翻了老半天就是找不到教你如何將輸出格式轉成slim的教學,有夠莫名。還好最後找到了一篇日文教學救了我orz
HTML/CSSを爆速コーディング Emmet入門 第4回 Emmetのスニペットや設定を編集して、思い通りの記述にしよう

Indent Guides
讓Brackets有像Sublime Text一樣的縮排參考線。

SFtpUpload
類似Sublime Text的SFTP套件但沒它好用(乾)去年為了測試某個專案而裝的,好一陣子沒用了有點忘記問題點,沒記錯的話似乎是只能上傳單檔沒辦法上傳資料夾有點囧。當時也是姑且頂著用用,之後又有類似需求的話應該會用gulp代替了。

Strip trailing spaces
這個套件會自動偵測句末的空白,然後在儲存時幫你自動清除。

 

佈景主題我是用Sweet Dark。Brackets佈景主題前幾名我都覺得太刺眼了,這個是難得配色比較柔和,錯誤語法又有明確標示的佈景主題。
不過其實Brackets預設的樣式就已經滿容易閱讀了,不換也沒什麼關係就是XD

 

Be First to Comment

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料