HBuilderX是一款專業(yè)的Web前端開發(fā)工具，軟件支持HTML、CSS、JS、PHP等各種代碼語言，且支持代碼提示、代碼錯誤檢測等實用功能，可以幫助用戶輕松完成各種代碼的編輯工作。此外HBuilderX還提供了運行調(diào)試功能，用戶在編輯好代碼后可以直接運行進(jìn)行調(diào)試，使用起來非常方便，有需要的朋友趕緊下載使用吧！


 

HBuilderX使用說明

HBuilderX怎么運行

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

2、小編選擇的是HTML文件，點擊HTML文件選項，會彈出新建HTML文件窗口，選擇【含mui的HTML】。

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

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

5、保存完成后點擊HBuilderX軟件菜單欄的【運行】選項，點擊【運行到瀏覽器】選項，選擇您要運行的瀏覽器就可以了。

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

hbuilderx 如何調(diào)試

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

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

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

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

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

HBuilderX軟件特色

小巧，速度極快。
10M綠色發(fā)行包。架構(gòu)C++，啟動速度快，文件打開速度大，編碼提示，響應(yīng)極快。
2.有力的語法提示。
ast語法分析能力一流，語法提示準(zhǔn)確、全面、細(xì)致，轉(zhuǎn)向定義、重構(gòu)和完善。
3.專為值設(shè)計。
與其他工具相比，vue支持更好，并且大大提高了vue開發(fā)的效率。
四、清爽護(hù)眼。
界面簡潔明快，綠色柔主題科學(xué)腦部疲勞測試，最適合人眼長期觀察，保護(hù)手腕，減慢鼠標(biāo)手。
高效的極客運營。
HBuilderX對文本處理提供更高的支持。功能更強的多光標(biāo)，智能雙擊，選區(qū)管理...大大提高了文本處理的效率。舉例來說，您只需選擇您想要處理的多端文本塊，并在方便的情況下注釋一對標(biāo)簽或if塊的最后一行。
markdown優(yōu)先。
HBuilderX是markdown編輯器中唯一的默認(rèn)文件類型，也是最強大的支持md的編輯器。您可以直接粘貼表格和圖片。對技術(shù)員，我們強烈建議您以后不要使用筆記本，而使用markdown代替txt。