軟件介紹

Brackets特別版是一款支持Windows，Mac以及Linux等多種操作系統(tǒng)的WEB前端開(kāi)發(fā)工具，這款軟件自帶HTML、CSS、JavaScrip等多種編碼，我們可以通過(guò)不同的編碼來(lái)進(jìn)行編程。而且Brackets中文版還可以支持瀏覽器預(yù)覽和源代碼的快速轉(zhuǎn)換，讓你能夠查看代碼完成后的具體效果。

Brackets特別版軟件簡(jiǎn)介

Brackets是由Adobe公司推出的一款免費(fèi)、開(kāi)源且跨平臺(tái)的HTML/CSS/JavaScript集成開(kāi)發(fā)環(huán)境 (web前端開(kāi)發(fā)工具)。Brackets官方版當(dāng)前為Mac, Windows以及Linux (Debian/Ubuntu)提供最新穩(wěn)定版的二進(jìn)制發(fā)布, 源代碼托管在GitHub上，Adobe Brackets的聯(lián)機(jī)編輯器無(wú)需彈出窗口或輔助標(biāo)簽就可以在一些特定的代碼上運(yùn)行。

用戶(hù)還可以下載、并使用擴(kuò)展插件(比如Git整合，JSHint支持，等)添加功能，以支持自己的工作流程。

Brackets中文版沒(méi)有很多的視圖或者面板，也沒(méi)太多花哨的功能，Brackets中文版的核心目標(biāo)是減少在開(kāi)發(fā)過(guò)程中那些效率低下的重復(fù)性工作，例如瀏覽器刷新，修改元素的樣式，搜索功能等，Brackets中文版是專(zhuān)門(mén)針對(duì) WEB 前端開(kāi)發(fā)而生，這一點(diǎn)和其他通用代碼編輯器不一樣，同樣優(yōu)秀的還有HBuilder哦。

軟件特色

快速編輯

這個(gè)特性非常棒，再你編輯HTML的CSS樣式時(shí)不用再單獨(dú)打開(kāi)一個(gè)頁(yè)簽編輯CSS，可以直接編輯，避免頁(yè)簽之間的來(lái)回切換，提高了編輯效率。

你只需要將鼠標(biāo)光標(biāo)放在該ID上，按下Command/ Ctrl+E，括號(hào)將在內(nèi)聯(lián)窗口中顯示具有該ID的所有CSS關(guān)聯(lián)樣式編碼，因此您可以并排處理代碼而不會(huì)出現(xiàn)任何彈出窗口。

實(shí)時(shí)預(yù)覽

Brackets中內(nèi)置了一個(gè)webserver，點(diǎn)擊右上角閃電?符號(hào)，brackets會(huì)啟動(dòng)內(nèi)置服務(wù)器，并啟動(dòng)chrome瀏覽器打開(kāi)工作目錄下被選中的文件。

對(duì)CSS和HTML進(jìn)行更改，將立即在屏幕上看到這些更改。還可以通過(guò)將光標(biāo)放在瀏覽器上點(diǎn)中元素，在編輯器中對(duì)應(yīng)元素即會(huì)自動(dòng)定位選擇顯示出來(lái)。

PHP支持

Brackets中的內(nèi)置LSP（ 語(yǔ)言服務(wù)器協(xié)議）支持為許多開(kāi)發(fā)人員開(kāi)放了對(duì)PHP，Python等語(yǔ)言的支持。并啟用諸如代碼完成，診斷，跳轉(zhuǎn)到定義等功能。

在用Brackets編寫(xiě)PHP代碼時(shí)，您可以利用代碼提示，功能參數(shù)提示，跳轉(zhuǎn)到定義，文檔和項(xiàng)目范圍的符號(hào)，查找引用和診斷。

Brackets特別版軟件功能

Emmet

它大大提高了HTML和CSS的編碼速度，是最受歡迎的擴(kuò)展功能之一。 只需輸入縮寫(xiě)代碼，即可擴(kuò)展出完整代碼。由于可以節(jié)省時(shí)間和精力，因此可以大大提高工作效率。

Color Hint

記住您在同一CSS文件中使用過(guò)的顏色，然后按“＃”將它們列為代碼提示。 這對(duì)提高工作效率也是非常好的。

Beautify

通過(guò)使用此擴(kuò)展，將雜亂的編碼變得整齊美觀。如果您提前設(shè)置縮進(jìn)等等操作，還可以根據(jù)自己的喜好進(jìn)行排列，另外您還可以將其設(shè)置為每次保存時(shí)自動(dòng)調(diào)整。

快捷鍵大全

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

Ctrl/Cmd + Shift + O 快速打開(kāi)文件

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

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

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

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

Ctrl/Cmd + / 注釋

Ctrl/Cmd + Alt + / 塊注釋

Brackets特別版使用方法

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

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

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

實(shí)時(shí)瀏覽：

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

效果如下，一邊寫(xiě)代碼，一邊就能夠看效果。