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


 

HBuilderX使用說(shuō)明

HBuilderX怎么運(yùn)行

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)連接頁(yè)面，可以看著頁(yè)面進(jìn)行更改，但是處理的時(shí)候會(huì)出現(xiàn)一些問(wè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)刷新頁(yè)面，非常方便調(diào)界面。對(duì)于less、sass等預(yù)編譯語(yǔ)言，在ctrl+s后自動(dòng)輸出css后，也會(huì)繼續(xù)激活瀏覽器的刷新。

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

HBuilderX軟件特色

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