本文中KKX小編給大家分享的【Brackets】Adobe Systems Incorporated開發(fā)推出的免費(fèi)開源文本編輯器Brackets，它是web前端開發(fā)工具。該編輯器支持Windows，Mac以及Linux操作系統(tǒng)，內(nèi)置HTML,CSS和JavaScript,方便開發(fā)者進(jìn)行HTML,CSS和JavaScript編程。Brackets這款軟件的主要目標(biāo)用戶為網(wǎng)頁設(shè)計(jì)師和開發(fā)人員，其中的Live Preview功能可以在瀏覽器預(yù)覽和源代碼之間輕松切換，可有效提高網(wǎng)頁編輯速度。

基本簡介

Brackets 是 Adobe 的開源 HTML/CSS/JavaScript 集成開發(fā)環(huán)境。Brackets 當(dāng)前為Mac, Windows以及Linux (Debian/Ubuntu)提供最新穩(wěn)定版的二進(jìn)制發(fā)布, 源代碼托管在GitHub上，Adobe Brackets的聯(lián)機(jī)編輯器無需彈出窗口或輔助標(biāo)簽就可以在一些特定的代碼上運(yùn)行。用戶還可以下載、并使用擴(kuò)展插件(比如Git整合，JSHint支持，等)添加功能，以支持自己的工作流程。

快捷操作

Ctrl/Cmd + Shift + H 可以呼出與關(guān)閉文件樹

Ctrl/Cmd + Shift + O 快速打開文件

Ctrl/Cmd + E 快速預(yù)覽/編輯 css樣式/javascript函數(shù)

Ctrl/Cmd + +/– 放大縮小編輯區(qū)字體大小

Ctrl/Cmd + 0 重置編輯區(qū)字體大小

Ctrl/Cmd + Alt + P 打開即時(shí)預(yù)覽功能

Ctrl/Cmd + / 注釋

Ctrl/Cmd + Alt + / 塊注釋

使用方法

打開軟件，就能看到下面的界面。左邊的是工作空間Ctrl/Cmd+Shift+H可以呼出與關(guān)閉。

左鍵點(diǎn)擊文件夾的名字，就可以打開Open Folder，我們就可選擇或者新建一個(gè)文件夾作為網(wǎng)站站點(diǎn)。

接下來就是文件的新建，和編寫了。只要你添加好了后綴，當(dāng)你進(jìn)行編寫web的時(shí)候，他就自動(dòng)關(guān)鍵字補(bǔ)全，很方便的。

實(shí)時(shí)瀏覽：又點(diǎn)會(huì)有一個(gè)“三點(diǎn)”的符號(hào)，點(diǎn)擊打開，他就會(huì)默認(rèn)打開谷歌瀏覽器，實(shí)時(shí)刷新，更加方便。

效果如下，一邊寫代碼，一邊就能夠看效果。

特色

AdobeBrackets是由Adobe核心開發(fā)一款主推web開發(fā)的在線編輯器。這是繼TextMate,SublimeText這兩個(gè)軟件后，躋身Web開發(fā)前后端開發(fā)軟件。Brackets內(nèi)置強(qiáng)悍的插件系統(tǒng)軟件，先已有近一百多個(gè)插件，對(duì)nodejs,python,ruby,PHP,Rust等前后端語言也支持很好。雖是喊著Web開發(fā)，從多個(gè)插件看來，Brackets的欲望是很大的。