hbuilder如何編譯項目

A. 如何使用hbuilder編譯less

有插件自動編譯，工具里有

B. Hbuilder編輯器怎麼用 使用方法

Q:怎麼才能快速掌握HBuilder開發技巧？A:軟體自帶HelloHBuilder項目，該項目為教程項目（如果不小心刪除了不要擔心，可以在新建WEB項目時，使用HelloHBuilder模板新建出來），按照項目中的lesson1.txt中的快捷鍵敲一遍即可快速掌握HBuilder快速開發技巧。
Q:什麼是HTML5+？A:HTML5+規范是基於HTML5的擴展規范，用於彌補HTML5和原生應用功能之間的差距。HTML5+規范是一個開放的規范，在W3C中國的指導下，由HTML5中國產業聯盟運作（www.html5plus.org），所有規范都是面向開發者的，開發者提需求、開發者評審實現方案、開發者投票選定規范。
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做統一的項目管理和文本編輯，你會發現工作效率更高。

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

Q:怎麼才能快速記住快捷鍵？A:記快捷鍵，不如記快捷鍵語法。
Alt是轉到，Shift是轉移，Ctrl是操作。
比如Alt+括弧、引號，即使轉到對於的符號。
Shift+回車是<br/>，shift+空格是 。
Ctrl+D是刪除行，Ctrl+F2是重構命名。

Q:為什麼不能手機預覽？A:WEB項目不可以手機預覽頁面。只有移動APP才可以。
確定項目是移動APP後,確保移動設備插好數據線並連接到電腦。
如果是iOS設備,請確保電腦安裝有itunes,如果是Android,請確定手機驅動已經安裝。
此時在HBuilder下方的狀態欄也會提示手機已連接
然後點運行,選擇對應的設備即可。
如果你只是想預覽web項目，那麼在菜單工具->高級選項->HBuilder->web伺服器->內建伺服器里，選擇一個內網ip，比如192.xxx，然後手機通過wifi連入這台機器，即可預覽。
Q:如何修改使用瀏覽器預覽時,地址欄顯示的IPA:依次點擊工具-選項-HBuilder-Web伺服器-內建伺服器
可修改內建伺服器的IP地址為127.0.0.1或本機網卡IP
內建伺服器不可以運行php
需要重啟HBuilder才生效

Q:真機聯調的Development圖標如何去掉？A:真機聯調僅是為了製作手機APP，調試完畢後,需要將資源打包製作成為APP。
如果是為了在手機瀏覽器上使用的WEB應用，還是應該使用手機瀏覽器來訪問。HBuilder內置的web伺服器地址配成192.168等內網地址，手機wifi連入，即可訪問。
更改HBuilder內置的web伺服器地址請點擊菜單工具-選項，展開左邊的HBuilder-web伺服器-內建伺服器，在右邊更改地址，需要重啟HBuilder才生效

Q:不能在收起代碼的情況下復制粘貼收起的代碼？A:復制折疊的代碼，選擇時需要多選擇一個換行符。然後再復制。

Q:沒有黑色主題嗎？A:在菜單工具-視覺主題設置-高級設置里有各種主題，兼容eclipse的其他主題方案。
另外小小提示下，使用黑色傷眼。激發視紫紅質、消耗維生素A、還容易引發暗適應和暈眩。
綠柔主題是認真的研究了色彩心理學和生理學後製作的環保主題。
參見這里

Q:如何調整編碼?A:HBuilder1.7以前版本在資源管理中對著文件點右鍵，點屬性（快捷鍵是Alt+Enter）。
在文件編碼處選其他，選擇或輸入你需要的編碼，比如GBK。
1.8以上的版本可以在文件->其他編碼方式打開,選擇需要的編碼即可。

Q:啟動太慢？A:HBuilder一般啟動時6秒左右可以進入完整操作狀態。
HBuilder還是屬於IDE而不是文本編輯器，速度比文本編輯器慢是肯定的。
這兩者最大的區別就是是否有AST語法樹和WEB語法解析引擎，就是說HBuilder知道你寫的是什麼，按下點知道該出什麼，寫的對不對。
包括重構變數命名和轉到定義，這些都是因為有語法樹和解析引擎。
擁有最全的web語法庫和最強的語法解析引擎，這個也是HBuilder的核心優勢。
算是一種取捨吧，啟動時慢幾秒，但啟動後寫代碼快的可不是差幾秒了。
Q:速度慢、內存佔用高?A:速度我們一直在優化，請更新新版再試試。
HBuilder畢竟是IDE，功能比文本編輯器多非常多，執行的也自然會慢點。但機器性能若足夠，也可以正常使用。
比如var a = document.getElementById("a1");。
在a後輸入點的時候，HBuilder要掃描a到底是什麼，超鏈接？canvas？輸入框？然後才會給予用戶最准確的提示。
這種計算都需要在按下鍵盤的很短時間內完成，想不卡還是很有挑戰。
文本編輯器沒有這些功能，所以不卡。
當然，在機器性能好時，HBuilder寫代碼要遠爽於文本編輯器；但機器性能不好時...
影響性能的一些要素，可幫助你用的更快。
1、如果有固態硬碟，把HBuilder和工程代碼都放到固態盤上；
2、同時打開的項目不要太多，把不用的項目點右鍵關閉，這樣HBuilder就不掃描這些項目了，後台資源會釋放不少
3、編輯大文檔時慎用語法驗證器，語法驗證器較易引發卡頓，可以在工具-語法驗證器設置里關閉。
4、編輯大文檔時，最好關閉大綱的實時同步功能。大文檔的大綱結構會很多，每次移動游標實時計算大綱的位置會有點慢。可以在需要定位時再點一下同步。大綱實時同步在大綱的右上角的下拉菜單里。
5、清理無用的js框架。Js框架文件都比較大且結構復雜，掃描框架比較費時。不用的框架就移出項目。另如果不在意框架的掃描提示，也可以把框架移除掃描清單，這樣就不掃描這個文件了。對文件點右鍵-構建-移除構建目錄。
6、windows search index和dropxbox等工具也會監控磁碟，當項目文件目錄被他們監控時，磁碟IO會比較高。在新建項目時會明顯卡。
7、有時HBuilder佔用的內存釋放不及時，可以使用360加速器等工具回收一些內存。

Q:升級失敗或長時間無響應？A:如果裝過其他eclipse插件，其升級伺服器可能連不上而導致報錯。
此時在工具-插件安裝-手動安裝eclipse插件-可用軟體站點，取消其他插件的升級地址。
重新點擊幫助-檢查新版本即可。

Q:HBuilder必須聯網使用嗎？A:HBuilder第一次使用時要聯網驗證，以後可脫線使用。。
如果不方便聯網，可以第一次使用手機做代理臨時登錄驗證一下，以後就可以脫線使用了。
但是沒有網路時，有些依賴網路的功能不能使用，比如不能使用雲服務創建移動APP，不能製作移動APP。

Q:你們會把這個工具做成 eclipse 的插件發布么？A:無法變成eclipse插件。
HBuilder裡面有4種編程語言，除了java，還有c、HTML、ruby。單純的java滿足不了我們的需求。
另外HBuilder的核心定位就是做最好的HTML5編輯器，而非最好的所有編輯器。
倒是如果大家願意的話，可以給HBuilder裝其他語言的插件。

Q:PHP怎麼運行?A:HBuilder自帶的web伺服器是不能解析php的。
如果想解析php，需要自己安裝php伺服器，比如Apache。
安裝好後，在HBuilder的工具-選項-web伺服器中點新建外部web伺服器，配置地址和參數，保存後重啟HBuilder。
然後點運行即可。

Q:PHP怎麼不高亮不提示？A:PHP的語法高亮需要安裝PHP插件。
在工具-插件安裝中，可以安裝Aptana PHP插件。
如果確定安裝了php插件，那麼在工具-選項，搜索文件關聯，在裡面配置php文件和PHP Editor的關聯。
也可以在項目管理器里對文件點右鍵，打開方式，裡面選PHP Editor。

Q:PHP插件安裝失敗了？A:關閉PHP文件。
在幫助-關於我們-安裝細節里，卸載PHP插件，重啟。
然後在工具-插件安裝里裝php插件。再重啟。
如仍有問題，請再聯系我們。

Q:我怎麼使用HBuilder編輯JSP、ASP或.vm文件中的HTML代碼部分？A:HBuilder有很多文件編輯器。
右鍵點擊文件-打開方式，可以看到所有編輯器。
很多不常用的文件後綴名其實都可以通過HTML編輯器打開。

C. 2利用HbuilderX初始化項目

利用HbuilderX初始化項目

點擊HbuilderX菜單欄文件>項目>新建

選擇uni-app,填寫項目名稱，項目創建的目錄

運行項目

在菜單欄中點擊運行，運行到瀏覽器，選擇瀏覽器即可運行

在微信開發者工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 微信開發者工具，即可在微信開發者工具裡面體驗uni-app

在微信開發者工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到手機或模擬器 -> 選擇調式的手機

注意：

如果是第一次使用，需要先配置小程序ide的相關路徑，才能運行成功

點擊打開小程序的文件夾地址 

微信開發者工具在設置中安全設置，服務埠開啟 

點擊開啟伺服器埠

D. Hbuilder編輯器怎麼用 使用方法

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

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

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

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

Q:為什麼有時候我輸入代碼塊的名稱，卻沒有出現想要的代碼塊看
A:代碼塊的顯示名稱和激活字元是不同的，查看激活字元請在激活代碼助手後選擇代碼塊，看右邊信息欄的詳情

E. HBuilder如何配置jsx預編譯器

前去官網下載HBuilder

解壓、創建快捷方式

安裝插件

配置外部伺服器

5
瀏覽器運行URL，一定要是apache項目的主目錄

F. hbuilder怎麼編譯sass

一、預備環境 iOS開發環境，Mac OS、XCode5.0以上版本； 下載HBuilder離線打包iOS版SDK（5+ SDK下載）。 SDK目錄說明： HBuilder-Hello：離線打包演示應用； Feature-iOS.xls：iOS平台各擴展Feature API對應的庫文件列表； Readme.txt：版本說明

G. hbuilder怎麼運行html

HBuilder是DCloud推出的一款支持HTML5的Web開發IDE。它可以大幅提升HTML的開發效率。

H. 用Hbuilder 如何編寫 mqtt

首先：需要的工具就是：Hbuilder軟體

用Hbuilder寫html的好處就在於，它會簡化你寫代碼樣式的工作，自動識別，比如你要寫div框架的時候，只需寫前半邊，後半邊自動就識別出來回車一下就可以了

作用：一，高效率練習你碼字母的效率；二，節省你工作的效率；三，在結構上看，寫完之後的代碼樣式很規范。

I. HBuilderX mac 版本如何調用代碼塊

一、開始設置
1
A、顯示「控制台」視圖
Mac版默認隱藏控制台（應該是有事情觸發才會顯示，比如報錯的時候），所以我們先把「控制台」視圖顯示出來。
步驟（點擊菜單欄操作）：
1. 視圖——>顯示視圖——>其他；
2. 常規——>控制台
這樣「控制台」就顯示出來了。
這一步的目的是為了便於終端的操作和顯示，在「控制台」里輸入命令和顯示運行結果。
HBuilder Mac版怎麼設置內置終端(terminal)
HBuilder Mac版怎麼設置內置終端(terminal)
2
B、添加終端
現在我們開始設置終端。
步驟：
1. 運行——>外部工具——>外部工具 配置
2. 新建(+)
3. 會彈出一個彈窗以供設置，要填的地方已經標出。
HBuilder Mac版怎麼設置內置終端(terminal)
HBuilder Mac版怎麼設置內置終端(terminal)
HBuilder Mac版怎麼設置內置終端(terminal)
3
C 、 終端的設置配置
a. 【名稱】 那裡填給新建工具起名字。
我這里命名為：OpenTerminal
b. 【要執行的命令或文件】那裡輸入：/bin/bash ，這是固定（沒有意外的話都是這樣子的，webstorm的終端路徑也是這個）的，
c. 【工作目錄】那裡可以通過【變數】按鈕進行選擇，我們選擇project_loc變數，表示：項目文件夾的絕對路徑。選擇之後框會自動生成：${project_loc}
如果你懶得找，可以直接把 ${project_loc} 寫進去。
d. 點擊【公共】進行進一步配置，主要就是「編碼」，「輸入和輸出」，「在後台啟動」幾項。一般會默認的。不過出現亂碼等情況再進行修改，配置可以參考我設置（如圖，第二張）。
e. 最後點擊【應用】完成設置。
HBuilder Mac版怎麼設置內置終端(terminal)
END
二、運行測試
運行測試
設置完成了，現在我們來運行測試下。
步驟：
1. 點擊選中你想運行終端的項目文件夾。
2. 運行——>外部工具——>OpenTerminal（選擇你剛建的那個工具名稱，我的是OpenTerminal）
3. 這會兒，「控制台」會有變化（雖然一片空白——這就是我說的體驗差的原因，不過已經可以輸入命令了，正常情況下默認的控制台空白處是不能輸入字元的）。
4. 我們輸入命令：help 試試，記得輸完按回車（enter）鍵。
5. 不出意外的話，就能看到輸出結果了。
（看圖）
到這里的設置結束了，終端在構建、編譯前端項目的時候還是很有用的，只是HBuilder主要針對的是前端HTML、CSS、JS文件的編輯，並不側重於項目的構建編譯，所以對終端的依賴並不是剛需，但如果你的項目是使用基於node的gulp、grunt、webpack等工具構建，那麼終端是必須的。
如果碰到問題歡迎留言討論。
最後的一點討論，也許對你很有用：
【工作目錄】的設置（前面提到的${project_loc}）是個按需配置的項，我那樣選擇也是考慮到一般習慣上都是新建一個項目然後開始工作的，也就是一切都是在項目目錄下進行，所以就選了${project_loc}變數。如果你有自己的需求，可以另外配置，多試試就知道怎麼用了，畢竟各個變數也有說明，理解起來也不難。

J. hbuilder怎麼自動編譯less

一、預備環境 iOS開發環境，Mac OS、XCode5.0以上版本； 下載HBuilder離線打包iOS版SDK（5+ SDK下載）。 SDK目錄說明： HBuilder-Hello：離線打包演示應用； Feature-iOS.xls：iOS平台各擴展Feature API對應的庫文件列表； Readme.txt：版本說明