HBuilderX安裝使用教程

HBuilderX安裝使用教程

HBuilderX是HBuilder的升級版。它是是DCloud（數字天堂）推出爲前端開發者服務的通用IDE，或者稱爲編輯器。HBuilderX的功能從下圖能夠直觀的瞭解個大概：

 

官網地址：

https://ask.dcloud.net.cn

下載

https://www.dcloud.io/hbuilderx.html

 

說明：HBuilderX正式版和Alpha版區別：

Alpha版比正式版更新頻率更高，新功能會優先在 alpha 版上發佈，但穩定性可能不如正式版，對於新手建議用正式版。

HBuilderX標準版和App版的區別

BuilderX標準版可直接用於web開發、markdown、字處理場景。當用來作App開發時須要安裝插件。App開發版預置了App/uni-app開發所需的插件，開箱即用。標準版也能夠在插件安裝界面安裝App開發所需插件，App開發版預集成App開發所需插件。App開發插件體積大的緣由主要有2方面：真機運行基座，Android版、iOS版、iOS模擬器版，加起來體積就1百多M。真機運行基座須要把全部模塊都內置進去，方便你們開發調試。開發者本身作app打包是不會這麼大的，由於能夠在manifest裏選模塊來控制體積。uni-app的編譯器，依賴webpack和各類node模塊，node_modules就是這麼一個生態現狀，文件超級多，幾萬個文件，解壓起來很慢

 

下載後，將壓縮包複製到適當位置，解壓壓縮包，找到Hbuilder X可執行程序，雙擊便可啓動程序：

 

簡單使用

使用 「文件」菜單→「新建」→「html文件」， 能夠新建一個html文件，以下圖：

 

如今，能夠編輯網頁了，參見下圖：

 

【「視圖」菜單能夠控制顯示佈局。】

 

當編輯完成後，點擊「保存「按鈕，就能夠點擊右側的」預覽「按鈕看效果（如果第一次使用，須要下載瀏覽器插件）。參見下圖：

 

提示：輸入關鍵字時，具備智能提示列表，能夠加快輸入速度，參見下圖：

 

也能夠用上下鍵移動到須要的條目 再用Ctrl+回車肯定。