|
提及編輯器，可能類似與語(yǔ)言之爭(zhēng)，什么vim才是最好的編輯器等等。其實(shí)自己用的順手熟練才好，畢竟作為一門工具，效率第一，而且現(xiàn)在總多的編輯中，你所需要的常規(guī)功能都已經(jīng)具備了。 Adobe Brackets 是Adobe公司推出的一款編輯器，可謂名門之后?；蛟S還在幾年前，有的朋友也還用著他家的Dreamwearver寫完了自己的第一個(gè)網(wǎng)頁(yè)。 而Brackets相對(duì)Adobe Dreamweaver，我們將它定義為一款編輯器，它身上完全看不出Dreamweaver那樣繁重的功能，而它誕生的目的就是:
簡(jiǎn)而言之，就是提升開發(fā)效率，讓開發(fā)者少走一些路，專注于在瀏覽器的 “設(shè)計(jì)” 。同樣，Brackets是開源的而且基于HTML + JS,因此你可以在它的Github項(xiàng)目提出自己的理解，讓全世界的設(shè)計(jì)或者前端開發(fā)受益于你的改變。 與Brackets結(jié)緣自己接觸前端大約4個(gè)年頭，12年的春節(jié)開始接觸html，那個(gè)時(shí)候真的才開始用windows記事本寫代碼（??）。隨后自己轉(zhuǎn)向了Adobe Dreamweaver，來源偉大的網(wǎng)頁(yè)三劍客啟蒙。隨后有幸加入一個(gè)小團(tuán)隊(duì)吧，開始使用團(tuán)隊(duì)一致的開發(fā)工具 Visual Studio 2010。確實(shí)這款軟件非常不錯(cuò)，用著很爽，無(wú)論是寫C # 還是寫JavaScript，它都足夠Smarty。但是最大的不滿，可能是自己電腦問題，非常吃內(nèi)存，差不多開了這個(gè)軟件，Photoshop 就不要想了。隨后接觸到了Sublime Text2/3，完成一些基本配置，其實(shí)寫起來也非常適合尤其適合新手，(當(dāng)然這是收費(fèi)的，雖然你可以自己想辦法??)。在@Dragon的推薦下，開始嘗試了Brackets。那個(gè)時(shí)候最大的噱頭是psd連調(diào)。你可以用Brackets 打開一個(gè)Psd文件，然后直接進(jìn)行顏色，寬度的截取。
這個(gè)功能簡(jiǎn)直解決了當(dāng)時(shí)自己這個(gè)小美工的一個(gè)痛點(diǎn)啊，切圖爽歪歪。然后隨著深入，web調(diào)試，熱替換，代碼聯(lián)想，預(yù)處理等等功能(后面詳細(xì)說明)都開始使用。承認(rèn)這個(gè)時(shí)候自己已經(jīng)回不去了。而且非常輕量級(jí)級(jí)別，無(wú)論在windows上還是Mac上，都足夠隨心所欲的編寫的你的程序。 基本擴(kuò)展推薦一些基本的擴(kuò)展讓你的Brackets變得更加強(qiáng)大，你可以自己去 搜索這些擴(kuò)展，找到你心目中最適合的自己開發(fā)的擴(kuò)展（比如你時(shí)一位PHP開發(fā)工程師，那么你自然而然會(huì)聯(lián)想到php-doc）。 打開PSD文件點(diǎn)擊右邊導(dǎo)航欄的按鈕，會(huì)提示你登錄你的Adobe ID ，然后將你要打開的設(shè)計(jì)稿傳上去后，點(diǎn)擊對(duì)應(yīng)文件就可以開始實(shí)時(shí)選取了。
打開后就可以看到您的設(shè)計(jì)稿了，然后在元素上你可以看到顏色高度等信息。
Live Preview其實(shí)現(xiàn)在很多構(gòu)建工具都支持實(shí)時(shí)預(yù)覽，不過一些不喜歡折騰的，可以使用自帶的該功能，而且支持文件瀏覽器修改同步。
點(diǎn)擊類似閃電的符，設(shè)置端口就可以預(yù)覽該界面了。你在代碼里做的改變就可以及時(shí)預(yù)覽了。 推薦幾款插件:
常見問題
這個(gè)考慮兩方面原因，一個(gè)是自己網(wǎng)速，一個(gè)是自己人品(??說話直了點(diǎn))吧。由于下載的包放在國(guó)外的AWS上的，因此有的時(shí)候沒有感覺異常，但是最近卻是慢的異常。下載地址 自己把1.7的最新版放在了360云盤上，覺得慢的可以用這個(gè) (Win)Brackets.Release.1.7.msi: https:///ckZhgHWzfatxu （提取碼：c612） (Mac)Brackets.Release.1.7.dmg:https:///ckZh9SJEj3iWi （提取碼：cfbf）
很多網(wǎng)友反映打開慢的問題，這個(gè)問題自己遇到過，卻是在打開大型項(xiàng)目(10000+文件)時(shí)候比較慢，不過Brackets添加忽略目錄功能，神馬node_module， log類的 可以選擇忽略.擴(kuò)展地址:https://github.com/gruehle/exclude-folders 樓主親測(cè)了，確實(shí)把node_module去掉后，卡慢的問題真的消失了。
這個(gè)其實(shí)還是由于Chinese Gov 的問題吧，時(shí)好時(shí)不好，建議使用網(wǎng)絡(luò)下載zip文件，進(jìn)行安裝，這樣的話，不會(huì)出現(xiàn)網(wǎng)絡(luò)長(zhǎng)時(shí)間不響應(yīng)的問題。
更多問題或者反饋，你可以去這里找到 。更加詳細(xì)的教程，你可以去 http:///brackets-course/ 這里找到。 如果你想更近一步，你可以自己編寫插件，How-to-Write-Extensions 擴(kuò)展閱讀https://github.com/adobe/brackets/wiki/Troubleshooting https://www./sitepoint-smackdown-atom-vs-brackets-vs-light-table-vs-sublime-text/ |
|
|
