hbuilder編輯器

hbuilder編輯器是DCloud推出的一款支持HTML5的Web開發(fā)IDE�？�，是HBuilder的最大優(yōu)勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率。同時，它還包括最全面的語法庫和瀏覽器兼容性數據。

HBuilder的問世有意義的推動和加速HTML5的發(fā)展，碎片化的語法定義和瀏覽器兼容性一直是開發(fā)者最頭疼的，現在開發(fā)者有福了，在 HBuilder最全語法庫中可以看到每個語法在各個瀏覽器、各個版本的支持情況。集成大量常用語法塊，少敲多行代碼，飛一般地編碼，體驗極客速度。

軟件介紹：

在HBuilder里預置了一個hello HBuilder的工程，用戶敲這幾十行代碼后會發(fā)現，HBuilder比其他開發(fā)工具至少快5倍。
HBuilder的生態(tài)系統可能是最豐富的Web IDE生態(tài)系統，因為它同時兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術都有Eclipse插件。

HTML5語法、HTML5+語法、三大瀏覽器擴展語法，盡收HBuilder中。每個瀏覽器發(fā)布新版后，一周內，其新增語法就收錄入HBuilder。

哦，怎么能忘記js框架，這里有強大到令你震驚的Jquery語法提示！

每個語法在哪個瀏覽器、哪個版本上是否可運行，這里都有。沒有比這里更全的語法庫，也沒有比這里更全的瀏覽器兼容性數據庫。

功能特色：

代碼輸入法：一個數字鍵，少敲10個按鍵；

代碼塊：一個代碼塊，少敲50個按鍵；

模糊匹配：跳著敲字母就能匹配到單詞；

內置emmet，tab一下生成一串代碼；

智能補齊：感知你的意圖，自動完成輸入；

跳轉助手、選擇助手，不用鼠標，手不離鍵盤；......

才比別的工具快5倍？對極客而言，追求快，沒有止境！

常見問題：

Q:怎么才能快速掌握HBuilder開發(fā)技巧？

A:軟件自帶HelloHBuilder項目，該項目為教程項目（如果不小心刪除了不要擔心，可以在新建WEB項目時，使用HelloHBuilder模板新建出來），按照項目中的lesson1.txt中的快捷鍵敲一遍即可快速掌握HBuilder快速開發(fā)技巧。

Q:什么是HTML5+？

A:HTML5+規(guī)范是基于HTML5的擴展規(guī)范，用于彌補HTML5和原生應用功能之間的差距。HTML5+規(guī)范是一個開放的規(guī)范，在W3C中國的指導下，由HTML5中國產業(yè)聯盟運作（www.html5plus.org），所有規(guī)范都是面向開發(fā)者的，開發(fā)者提需求、開發(fā)者評審實現方案、開發(fā)者投票選定規(guī)范。

Q:什么叫滾動條信息點？

A:當代碼中有重要的標記出現時，會生成滾動條信息點，在滾動條右側出現顏色各異的點。點擊這些點或使用跳轉到下一個信息點功能，可以快速到達這些代碼處。如下標記會生成信息點：書簽、任務、錯誤提示。

Q:怎么實現代碼追蹤？

A:在編輯代碼時經常會出現需要跳轉到引用文件或者變量定義的地方，HBuilder提供了一個非常好用的代碼追蹤功能，只需要按住Ctrl+鼠標左鍵即可實現追蹤。
圖示：

Q:輸入small不提示，語法庫是不是不全？

A:代碼塊是否提示，取決于是否設置了這個代碼塊，代碼塊是可自定義的。默認沒有預置small代碼塊，你也可以在代碼塊彈出界面點右下角的編輯圖標，進行代碼塊的補充修改。另外可以使用emmet（ZenCoding）語法，這個沒有提示，但敲完small，按tab，就會自動生成標簽。emmet是一種前端公開技術，網上教程很多。

Q:為什么有時候我輸入代碼塊的名稱，卻沒有出現想要的代碼塊？

A:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請在激活代碼助手后選擇代碼塊，看右邊信息欄的詳情

Q:編輯器怎么實現分欄？

A:HBuilder編輯器分欄功能可以實現左右分欄和上下分欄以及組合分欄。
1、左右分欄實現：鼠標點著編輯器選項卡往最右邊拖動即可實現左右分欄

左右分欄實現效果：

2、上下分欄實現：鼠標點著編輯器選項卡往最下邊拖動即可實現上下分欄

上下分欄實現效果：

3、組合分欄實現：組合分欄就是即有的文件向下拖動，有的文件向右拖動，下面給出一個效果圖，感興趣的話您可以拖個試試：)

Q:為什么我的代碼明明是對的卻報錯？

A:HBuilder的語法驗證器是集成的三方插件，有可能其本身對某些寫法不兼容，當某種語法驗證器把正確代碼識別為錯誤時，你可以在工具-選項-HBuilder-Validation中關掉那個語法驗證器。還可以設置正則表達式以兼容這種錯誤。

Q:有沒有快速比較兩個文件差異的辦法？

A:比較兩個文檔的方法是，在項目管理器按ctrl選兩個文件，點右鍵，選比較對象

Q:不建項目單獨打開文件會提示有部分功能無法使用，具體是哪些功能無法使用？

A:主要是跨文件的項目管理功能受影響。HBuilder會為項目建立索引，工程間文件的鏈接引用關系都在管理中。這樣在跨文件引用提示、轉到定義、重構、移動圖片路徑等很多操作中HBuilder都能智能處理。如果單獨打開文件，功能就弱了很多，當然也比普通文本編輯器多。
舉個例子，<a class="classA">，在HBuilder里寫class=時，可以提示工程中各種css，classA如果是外部的css文件定義的， 可以按下ctrl點鼠標跳轉到那個css中。這都是普通文本編輯器做不到的。

如果您習慣了資源管理器做項目管理、文本編輯器做代碼編輯，那么建議改變下工作習慣。用HBuilder做統一的項目管理和文本編輯，你會發(fā)現工作效率更高。

Q:我安裝了SVN插件為什么我找不到SVN的功能？

A:跟eclipse的svn插件用法是一樣的。在工具-插件安裝中選擇svn插件安裝，安裝完畢后，按提示重啟HBuilder。在菜單文件-導入里，選擇從svn中檢出項目，配置svn地址。在項目管理器中點右鍵-版本管理，里面有svn的各種提交、更新等命令