文章目錄

• 安裝HBuilderX
• • 下載HBuilderX
  • 安裝HBuilderX
  • HBuilderX配置默認瀏覽器
  • HBuilderX創建新項目
  • HBuilderX第一個測試案例
  • 瀏覽器界面顯示

安裝HBuilderX

HBuilderX是網頁（前端）編輯器，是很多初學者都喜歡的一款軟件。

下載HBuilderX

• 官網下載地址：https://www.dcloud.io/hbuilderx.html
  下載window版，標準版即可。
  

安裝HBuilderX

通過解壓軟件，解壓在自定義的目錄下即可，安裝成功。(免安裝）解壓后進入HBuildex文件夾，點擊HBuilderX.exe即可運行。

HBuilderX配置默認瀏覽器

打開編輯器后在導航欄的工具中選中設置，為其配置默認瀏覽器路徑即可。

HBuilderX創建新項目

點擊左上角的，文件 - - ->新建- - ->項目
注意：編輯項目名并選中基本HTML項目點擊創建即可

HBuilderX第一個測試案例

打開項目目錄中的index.html文件，在body標簽中編輯Hello World

瀏覽器界面顯示

點擊導航欄中的運行的運行到瀏覽器（B）,選中你所匹配的瀏覽器即可。

總結

以上是生活随笔為你收集整理的安装前端编辑器HBuilderX的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。