Github標(biāo)星30.7K!這一款強(qiáng)大開源的IDE我粉了
一般我們常見的網(wǎng)頁(yè)編輯器都有著相當(dāng)復(fù)雜的操作介面,以及很多用得到甚至是用不到的功能,很多人會(huì)選擇純文字代碼編輯器來(lái)進(jìn)行網(wǎng)頁(yè)開發(fā),例如Sublime Text ,但一般的代碼編輯器并沒(méi)有針對(duì)網(wǎng)頁(yè)開發(fā)提供相對(duì)應(yīng)的功能,以致于要預(yù)覽或修改時(shí)相當(dāng)耗費(fèi)時(shí)間。
今天,猿妹就和大家分享一個(gè)既好用又免費(fèi)、開源且跨平臺(tái)的 HTML/CSS/JavaScript 前端 WEB 集成開發(fā)環(huán)境 (IDE工具)——Brackets。
Brackets由Adobe 以HTML、CSS、Javascript等程式語(yǔ)言開發(fā),主要用于網(wǎng)頁(yè)設(shè)計(jì),是一個(gè)跨平臺(tái)的編輯器,支援Mac、Windows 及Linux 等作業(yè)系統(tǒng)。
Brackets專注于網(wǎng)頁(yè)開發(fā)相關(guān)用途,主要有一個(gè)程式碼高亮界面,能夠快速編輯 (Quick Edit),如果在編輯HTML、CSS或Javascript遇到相關(guān)屬性,會(huì)自動(dòng)跳出選項(xiàng),直接選擇就能減少輸入的時(shí)間,也能減少輸入錯(cuò)誤而造成的問(wèn)題。
如果顏色屬性則會(huì)跳出選色器,方便你加入色彩的Hex 值或RGB值。
另外,Brackets內(nèi)置的即時(shí)預(yù)覽 (Live Preview)功能,當(dāng)你在編寫網(wǎng)頁(yè)時(shí),便能夠配合瀏覽器進(jìn)行即時(shí)的更新,修改網(wǎng)頁(yè)程式碼后,會(huì)同步顯示于瀏覽器里,如果配合雙屏幕使用,那在開發(fā)網(wǎng)頁(yè)上就更加得心應(yīng)手。
Brackets還有插件擴(kuò)充功能。不過(guò)目前可以選擇的擴(kuò)充功能還不像Sublime Text 編輯器這么多、這么完整。
目前,已經(jīng)在Github上標(biāo)星30.7K,6.6K個(gè)Fork(Github地址:https://github.com/adobe/brackets)
如果你平常會(huì)很需要使用到網(wǎng)頁(yè)編輯器,或者本身的工作就是與網(wǎng)頁(yè)設(shè)計(jì)相關(guān),Brackets 或許是個(gè)不錯(cuò)的開發(fā)工具,感興趣的小伙伴們可以下載嘗試一下。