Github標星30.7K!這一款強大開源的IDE我粉了

java技術架構 發佈 2020-03-14T04:40:40+00:00

整理:猿妹來自:開源最前線一般我們常見的網頁編輯器都有著相當複雜的操作介面,以及很多用得到甚至是用不到的功能,很多人會選擇純文字代碼編輯器來進行網頁開發,例如Sublime Text ,但一般的代碼編輯器並沒有針對網頁開發提供相對應的功能,以致於要預覽或修改時相當耗費時間。

整理:猿妹 來自:開源最前線(ID:OpenSourceTop)

一般我們常見的網頁編輯器都有著相當複雜的操作介面,以及很多用得到甚至是用不到的功能,很多人會選擇純文字代碼編輯器來進行網頁開發,例如Sublime Text ,但一般的代碼編輯器並沒有針對網頁開發提供相對應的功能,以致於要預覽或修改時相當耗費時間。

今天,猿妹就和大家分享一個既好用又免費、開源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成開發環境 (IDE工具)——Brackets


Brackets由Adobe 以HTML、CSS、Javascript等程式語言開發,主要用於網頁設計,是一個跨平台的編輯器,支援Mac、Windows 及Linux 等作業系統。


Brackets專注於網頁開發相關用途,主要有一個程式碼高亮介面,能夠快速編輯 (Quick Edit),如果在編輯HTML、CSS或Javascript遇到相關屬性,會自動跳出選項,直接選擇就能減少輸入的時間,也能減少輸入錯誤而造成的問題。


如果顏色屬性則會跳出選色器,方便你加入色彩的Hex 值或RGB值。

另外,Brackets內置的即時預覽 (Live Preview)功能,當你在編寫網頁時,便能夠配合瀏覽器進行即時的更新,修改網頁程式碼後,會同步顯示於瀏覽器里,如果配合雙螢幕使用,那在開發網頁上就更加得心應手。


Brackets還有插件擴充功能。不過目前可以選擇的擴充功能還不像Sublime Text 編輯器這麼多、這麼完整。


目前,已經在Github上標星30.7K6.6K個Fork(Github地址:https://github.com/adobe/brackets)

如果你平常會很需要使用到網頁編輯器,或者本身的工作就是與網頁設計相關,Brackets 或許是個不錯的開發工具,感興趣的小夥伴們可以下載嘗試一下。

關鍵字: