軟件介紹

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

Brackets特別版軟件簡介

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

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

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

軟件特色

快速編輯

這個特性非常棒，再你編輯HTML的CSS樣式時不用再單獨打開一個頁簽編輯CSS，可以直接編輯，避免頁簽之間的來回切換，提高了編輯效率。

你只需要將鼠標光標放在該ID上，按下Command/ Ctrl+E，括號將在內聯窗口中顯示具有該ID的所有CSS關聯樣式編碼，因此您可以并排處理代碼而不會出現任何彈出窗口。

實時預覽

Brackets中內置了一個webserver，點擊右上角閃電?符號，brackets會啟動內置服務器，并啟動chrome瀏覽器打開工作目錄下被選中的文件。

對CSS和HTML進行更改，將立即在屏幕上看到這些更改。還可以通過將光標放在瀏覽器上點中元素，在編輯器中對應元素即會自動定位選擇顯示出來。

PHP支持

Brackets中的內置LSP（ 語言服務器協議）支持為許多開發(fā)人員開放了對PHP，Python等語言的支持。并啟用諸如代碼完成，診斷，跳轉到定義等功能。

在用Brackets編寫PHP代碼時，您可以利用代碼提示，功能參數提示，跳轉到定義，文檔和項目范圍的符號，查找引用和診斷。

Brackets特別版軟件功能

Emmet

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

Color Hint

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

Beautify

通過使用此擴展，將雜亂的編碼變得整齊美觀。如果您提前設置縮進等等操作，還可以根據自己的喜好進行排列，另外您還可以將其設置為每次保存時自動調整。

快捷鍵大全

Ctrl/Cmd + Shift + H 可以呼出與關閉文件樹

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

Ctrl/Cmd + E 快速預覽/編輯 css樣式/javascript函數

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

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

Ctrl/Cmd + Alt + P 打開即時預覽功能

Ctrl/Cmd + / 注釋

Ctrl/Cmd + Alt + / 塊注釋

Brackets特別版使用方法

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

左鍵點擊文件夾的名字，就可以打開Open Folder，我們就可選擇或者新建一個文件夾作為網站站點。

接下來就是文件的新建，和編寫了。只要你添加好了后綴，當你進行編寫web的時候，他就自動關鍵字補全，很方便的。

實時瀏覽：

又點會有一個“三點”的符號，點擊打開，他就會默認打開谷歌瀏覽器，實時刷新，更加方便。

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