編輯網頁原始碼編輯器 IDE - Notepad++ & Brackets
最近花不少時間在調整 Blogger 的版面排版，寫下這次調整所使用到編輯器的感想資料。
由於看得懂 HTML5 這種標誌式語言（Markup language），希望編輯器能夠滿足幾項條件：
- 顏色標註：根據 Tag 上色，方便閱讀編輯
- 自動摺疊：可以針對指定 Tag 來摺疊原始碼區塊。閱讀超過 1000 行的原始碼是種痛苦
- 黑色佈景：比起白色的佈景背景，黑色看起來比較輕鬆，比較不容易被螢幕背光刺激
- 顯示行號：方便由錯誤訊息知道是哪一行寫錯
- 支援 Tab：用於排版，不喜歡 Space
標誌式編輯器要使得文件變得方便閱讀，這是最重要的條件之一。
沒有顏色標註沒有排版，閱讀根本痛苦 
有顏色標註沒有排版，閱讀感覺好多了 Notepad++
非常老牌的免費編輯器了，不管寫 C++, C#, Javascript 還是編輯電影字幕檔案 *.srt，都是靠這個編輯器。上述的功能幾乎都有，但這次只用它的擴充功能，XML Tools 來進行原始碼的自動排版，Pretty Print 把原始碼整理過一次後，再拉到其他編輯器去編輯。
安裝方式，「外掛模組 Plugins」「Plugin Manager」「Show Plugin Manager」，找到 XML Tools 安裝。使用方法，「外掛模組 Plugins」「XML Tools」「Pretty Print (Text indent)」，完成原始碼的自動排版。
Brackets
由 Adobe 支援，一套開放原始碼並針對前端網頁開發的編輯器。該編輯器滿足所有的條件，雖然顏色差強人意，看還算是可以接受。有提供自動完成以及提示，在寫些程式碼以及 HTML Tag 還算是方便。
Brackets 沒有參數設定頁面，找了許久才知道若要修改 Tab 排版，由編輯器畫面右下方設定，可以改成按下 Tab 鍵插入 Spaces，或是插入 Tab。
Brackets 以一個資料夾作為工作區，適合網站頁面開發，這次單檔編輯沒法體會到這個功能。
沒有留言: