Brackets特別版是一款支持Windows,Mac以及Linux等多種操作系統(tǒng)的WEB前端開發(fā)工具,這款軟件自帶HTML、CSS、JavaScrip等多種編碼,我們可以通過不同的編碼來進(jìn)行編程。而且Brackets中文版還可以支持瀏覽器預(yù)覽和源代碼的快速轉(zhuǎn)換,讓你能夠查看代碼完成后的具體效果。
Brackets是由Adobe公司推出的一款免費(fèi)、開源且跨平臺的HTML/CSS/JavaScript集成開發(fā)環(huán)境 (web前端開發(fā)工具)。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支持,等)添加功能,以支持自己的工作流程。
Brackets中文版沒有很多的視圖或者面板,也沒太多花哨的功能,Brackets中文版的核心目標(biāo)是減少在開發(fā)過程中那些效率低下的重復(fù)性工作,例如瀏覽器刷新,修改元素的樣式,搜索功能等,Brackets中文版是專門針對 WEB 前端開發(fā)而生,這一點(diǎn)和其他通用代碼編輯器不一樣,同樣優(yōu)秀的還有HBuilder哦。
快速編輯
這個(gè)特性非常棒,再你編輯HTML的CSS樣式時(shí)不用再單獨(dú)打開一個(gè)頁簽編輯CSS,可以直接編輯,避免頁簽之間的來回切換,提高了編輯效率。
你只需要將鼠標(biāo)光標(biāo)放在該ID上,按下Command/ Ctrl+E,括號將在內(nèi)聯(lián)窗口中顯示具有該ID的所有CSS關(guān)聯(lián)樣式編碼,因此您可以并排處理代碼而不會出現(xiàn)任何彈出窗口。
實(shí)時(shí)預(yù)覽
Brackets中內(nèi)置了一個(gè)webserver,點(diǎn)擊右上角閃電?符號,brackets會啟動(dòng)內(nèi)置服務(wù)器,并啟動(dòng)chrome瀏覽器打開工作目錄下被選中的文件。
對CSS和HTML進(jìn)行更改,將立即在屏幕上看到這些更改。還可以通過將光標(biāo)放在瀏覽器上點(diǎn)中元素,在編輯器中對應(yīng)元素即會自動(dòng)定位選擇顯示出來。
PHP支持
Brackets中的內(nèi)置LSP( 語言服務(wù)器協(xié)議)支持為許多開發(fā)人員開放了對PHP,Python等語言的支持。并啟用諸如代碼完成,診斷,跳轉(zhuǎn)到定義等功能。
在用Brackets編寫PHP代碼時(shí),您可以利用代碼提示,功能參數(shù)提示,跳轉(zhuǎn)到定義,文檔和項(xiàng)目范圍的符號,查找引用和診斷。
Emmet
它大大提高了HTML和CSS的編碼速度,是最受歡迎的擴(kuò)展功能之一。 只需輸入縮寫代碼,即可擴(kuò)展出完整代碼。由于可以節(jié)省時(shí)間和精力,因此可以大大提高工作效率。
Color Hint
記住您在同一CSS文件中使用過的顏色,然后按“#”將它們列為代碼提示。 這對提高工作效率也是非常好的。
Beautify
通過使用此擴(kuò)展,將雜亂的編碼變得整齊美觀。如果您提前設(shè)置縮進(jìn)等等操作,還可以根據(jù)自己的喜好進(jìn)行排列,另外您還可以將其設(shè)置為每次保存時(shí)自動(dòng)調(diào)整。
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)會有一個(gè)“三點(diǎn)”的符號,點(diǎn)擊打開,他就會默認(rèn)打開谷歌瀏覽器,實(shí)時(shí)刷新,更加方便。
效果如下,一邊寫代碼,一邊就能夠看效果。
1贛教云教學(xué)通2.0-贛教云教學(xué)通2.0下載 v5......
2step7 microwin-西門子PLC S7......
3百度網(wǎng)盤清爽精簡純凈版-網(wǎng)盤工具-百度網(wǎng)盤清爽精......
4360安全瀏覽器-瀏覽器-360安全瀏覽器下載 ......
5谷歌瀏覽器 XP版-谷歌瀏覽器 XP版-谷歌瀏覽......
6Kittenblock重慶教育專用版-機(jī)器人編程......
7seo外鏈助手(超級外鏈) -SEO外鏈優(yōu)化工具......
8Notepad3-記事本軟件-Notepad3下......
9小米運(yùn)動(dòng)刷步數(shù)神器-小米運(yùn)動(dòng)刷步數(shù)神器下載 v2......