快捷登錄,享 免費(fèi)下載
首頁 > 軟件下載 > 編程開發(fā) > HBuilderX
HBuilderX

HBuilderX

  • 軟件大小18.67 MB
  • 版本類型官方版
  • 更新時間2020-08-25
  • 版本號2.8.8.20200820
  • 軟件語言簡體中文
  • 軟件廠商
  • 適用系統(tǒng)WIN7/Win8/Win10
  • 軟件授權(quán)免費(fèi)軟件

HBuilderX安裝教程

HBuilderX是款優(yōu)秀的國產(chǎn)HTML5的Web開發(fā)工具,是編輯器和IDE的完美結(jié)合,支持HTML、CSS、JS、PHP的快速開發(fā),默認(rèn)包包含優(yōu)秀的字處理能力,創(chuàng)新眾多其他編輯器不具備的高效字處理模型,HBuilderX獨(dú)有的UniApp開發(fā)插件、快應(yīng)用開發(fā)插件、還可以幫助開發(fā)者快速開發(fā)手機(jī)App。通過插件擴(kuò)展,HX可變身為強(qiáng)大的IDE。一貫頂尖的代碼提示、轉(zhuǎn)到定義、運(yùn)行調(diào)試。

HBuilderX特色

1、輕巧

僅10M的綠色發(fā)行包

2、極速

HBuilderX不管是啟動速度、大文檔打開速度、編碼提示,都會極速響應(yīng)

3、清爽護(hù)眼

HBuilderX界面清爽簡潔,綠柔主題經(jīng)過科學(xué)的腦疲勞測試,是最適合人眼長期觀看的主題界面

4、無鼠標(biāo)操作

掌握HBuilderX的無鼠標(biāo)操作體系,成為高效極客,飛一般編碼

5、markdown優(yōu)先

HBuilderX是唯一一個新建文件默認(rèn)類型是md的編輯器。

除了頂尖的markdown編寫體驗(yàn)、漂亮的著色外,HX的極速啟動、多標(biāo)簽、熱退出、各種快捷鍵操作,都給了你充足的理由升級記事本工具。

HBuilderX使用教程

HBuilderX怎么運(yùn)行

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

HBuilderX

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

HBuilderX

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

HBuilderX

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

HBuilderX

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

HBuilderX

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

hbuilderx 如何調(diào)試

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

HBuilderX

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

HBuilderX

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

HBuilderX

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

HBuilderX

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

下載地址

HBuilderX HBuilderX v2.8.8.20200820 官方版