hbuilderx標(biāo)準(zhǔn)版是一款非常給力的編程開發(fā)軟件，該軟件最大的特色就在于其將編輯器和IDE完美結(jié)合，具有體積小巧、功能強(qiáng)大、操作簡(jiǎn)單等優(yōu)勢(shì)，有了它，大家就可以更加輕松更加高效的進(jìn)行程序開發(fā)，提升開發(fā)效率，HBuilderX是HBuilder的下一代產(chǎn)品，體積小巧，界面清爽，啟動(dòng)速度快，不占用過大的電腦內(nèi)存，為用戶提供最全的語法庫和瀏覽器兼容性數(shù)據(jù)，不再為瀏覽器的兼容問題煩惱。HBuilderX是程序員們必備的電腦軟件。用最短的時(shí)間完成最復(fù)雜的工作任務(wù)。

【軟件特點(diǎn)】

　　1、輕巧：僅10M的綠色發(fā)行包

　　2、極速：不管是啟動(dòng)速度、大文檔打開速度、編碼提示，都極速響應(yīng)

　　3、清爽護(hù)眼：界面清爽簡(jiǎn)潔，綠柔主題經(jīng)過科學(xué)的腦疲勞測(cè)試，是最適合人眼長(zhǎng)期觀看的主題界面

　　4、無鼠標(biāo)操作：掌握HX的無鼠標(biāo)操作體系，成為高效極客，飛一般編碼

　　5、markdown優(yōu)先：HX是唯一一個(gè)新建文件默認(rèn)類型是md的編輯器。對(duì)于技術(shù)人員，我們強(qiáng)烈建議你以后不要使用記事本了，用markdown來替代txt。HX為md強(qiáng)化了Emmet、智能回車、智能縮進(jìn)、智能雙擊，擁有頂尖的markdown編寫體驗(yàn)。點(diǎn)【菜單幫助-markdown語法示例】，可快速掌握md及HX的強(qiáng)化技巧！

　　6、擴(kuò)展性：HX支持java插件、nodejs插件（需本機(jī)安裝java及node環(huán)境），通過外部命令，可以方便的調(diào)用各種命令行組件。不管是git、svn還是前端編譯，都可以通過配置外部命令調(diào)用，并設(shè)置快捷鍵。

　　7、HX與HBuilder的關(guān)系：HX是全新的一個(gè)軟件，它拋棄了eclipse架構(gòu)，使用C++為基礎(chǔ)架構(gòu)。HX目前還不能完全替代HBuilder。但在markdown記事的場(chǎng)景下，是最佳的記事本升級(jí)工具。除了頂尖的markdown編寫體驗(yàn)、漂亮的著色外，HX的極速啟動(dòng)、多標(biāo)簽、熱退出、各種快捷鍵操作，都給了你充足的理由升級(jí)記事本工具。

【使用方法】

　　1、打開在本站下載好的HBuilderX軟件，打開軟件后點(diǎn)擊軟件頂部的【文件】選項(xiàng)，在彈出的選擇中點(diǎn)擊【新建】，選您要新建的文件.JS，HTML，CSS等您可以自行選擇。

　　2、小編選擇的是HTML文件，點(diǎn)擊HTML文件選項(xiàng)，會(huì)彈出新建HTML文件窗口，選擇【含mui的HTML】。

　　3、一個(gè)HBuilderX文件就創(chuàng)建好了，輸入您要完成的HTML代碼就可以了。

　　4、輸入完成后將文件進(jìn)行保存，您可以使用Ctrl+s鍵保存文件，或者點(diǎn)擊如圖中紅框標(biāo)注出的位置也可保存文件。

　　5、保存完成后點(diǎn)擊HBuilderX軟件菜單欄的【運(yùn)行】選項(xiàng)，點(diǎn)擊【運(yùn)行到瀏覽器】選項(xiàng)，選擇您要運(yùn)行的瀏覽器就可以了。

　　6、然后在您選擇的瀏覽器中出現(xiàn)運(yùn)行的結(jié)果。

　　hbuilderx 如何調(diào)試

　　1、打開hBuilderX找到上方的運(yùn)行按鈕，點(diǎn)擊進(jìn)行連接;通常情況下，是不會(huì)連接成功的，還需要進(jìn)行一些其他的設(shè)置，需要將hBuilderX上的工具。

　　2、連接成功的話就會(huì)出現(xiàn)連接頁面，可以看著頁面進(jìn)行更改，但是處理的時(shí)候會(huì)出現(xiàn)一些問題，就是當(dāng)你做出更改的時(shí)候可能會(huì)沒有變化，這個(gè)時(shí)候你需要雙擊這個(gè)按鈕從新打開進(jìn)行調(diào)試就可以了。

　　3、設(shè)置內(nèi)置web服務(wù)器的IP地址為自己電腦的地址，以及端口號(hào)，確保端口號(hào)不沖突。

　　4、在左邊寫代碼，保存時(shí)右邊會(huì)自動(dòng)刷新頁面，非常方便調(diào)界面。對(duì)于less、sass等預(yù)編譯語言，在ctrl+s后自動(dòng)輸出css后，也會(huì)繼續(xù)激活瀏覽器的刷新。

　　5、代碼里的一個(gè)div點(diǎn)右鍵，選“高亮瀏覽器內(nèi)對(duì)應(yīng)元素”，就會(huì)看到右側(cè)瀏覽器里指定的元素高亮了。