免費的 網頁/網站 (HTML/JS/CSS) 開發整合(IDE)工具[Brackets]

資料來源: https://mp.weixin.qq.com/s?__biz=MzI4ODU5NzY1MQ==&mid=2247486902&idx=2&sn=2f0f5b6fc990cd86b84c9cc41c014563&chksm=ec3abe4adb4d375c2ebfde73ad9d164d0553df62084f20b467aa1211a806484f27dcc325322d&scene=126&sessionid=1590714083&key=cc83baa67f9eb880398e1afc7bd3c1ea2852acf4cf28b76ee3168dd5963c2b5d1efe2299080af32e5aec5fcd287de2f7054fc67fb19bdfc0d730a93cd6eea36ac486da5850dd0b71df0861182be59ca9&ascene=1&uin=MjIwODk2NDgxNw%3D%3D&devicetype=Windows+10+x64&version=62090070&lang=zh_TW&exportkey=AlDfU3OvC1KlHWMt12%2BVxsE%3D&pass_ticket=2%2BEcvMdJ5LmdAVmFAp8YOYrUOE6%2B6T7c8A3zGPQHIIiSDnrlzEVlCtskvv%2F%2BZIPR

https://github.com/adobe/brackets

https://www.azofreeware.com/2014/04/brackets-38-css.html

GITHUB:https://github.com/jash-git/WEB_IDE_Brackets

    一般我們常見的網頁編輯器都有著相當複雜的操作介面，以及很多用得到甚至是用不到的功能，很多人會選擇純文字代碼編輯器來進行網頁開發，例如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）功能，當你在編寫網頁時，便能夠配合瀏覽器進行即時的更新，修改網頁程式碼後，會同步顯示於瀏覽器裡，如果配合雙屏幕使用，那在開發網頁上就更加得心應手。

心得:

GOOGLE : 『Brackets 免安裝版』 可以下載最新的WINDOWS的免安裝版(目前我的GITHUB 收藏1.14.2的版本)
可切換繁體中文