跳到主要內容

Brackets 編輯器(Editor) 與擴增套件的安裝

Brackets 是 Adobe 公司以開放原始程式碼(Open source code)的方式來發行的文字編輯軟體,主要是針對網頁程式開發而設計的一個編輯軟體,它幾乎是由 Javascript, HTML, CSS程式碼所撰寫而成,使用Chromium Embedded Framework (CEF)當作一個 shell 來處理Javascript, HTML, CSS 這些原始程式碼,整個程式碼可以在 GitHub 網站下載

Brackets 網站下載安裝檔,然後直接執行安裝檔,就可以完成 Brackets 的安裝程序。完成安裝程序後,擴充套件僅有 Extract for Brackets (Preview)套件,在 10 Awesome Brackets Extensions You Really Need 中提及安裝幾個重要的擴充套件,視個人需求而定,對於想要開發 HTML, Markdown 的人,建議安裝下列幾個套件:
  • Brackets Beautify
  • Markdown Preview
  • Emmet
額外加強 Brackets 編輯器的功能有:
  •  Documents Toolbar
  • Themes for Brackets
  • Brackets Icons
  • Brackets Git  //需要先安裝 Git client 軟體
安裝這些套件相當簡單,只要開啟 Brackets 編輯器,按右上角第二個方形的小圖示,開啟擴充套件管理程式(Extension Manager)>>available 圖示,然後搜尋套件的名稱,按下 Install 即可。


安裝 Brackets Git 套件需要先安裝 Git 軟體,在 Windows 平台可以到 Git 網站下載,我通常會安裝 STL's MinGW,他已經把 Git 包在裡面,所以在 Brackets Git 設定頁面,要像下圖的把Git 路徑及執行檔設定到設定頁面中,才不會有錯誤訊息產生。

在完成 Brackets 與擴增功能的套件安裝完成以後,對於要使用中文的朋友,以及喜歡像:輸入左括號能自動產生右括號的這項功能,需要自己在 Brackets 中做設定:
  • 設定中文語系:Debug >> Switch Language
  • 設定自動完成括號: Edit >> Auto close Braces

留言