本來也是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