前言：

今天電腦非常卡，軟體非常卡，被帶我的前端嘲笑了一番，非得讓我安個HBuilder，算是學習了，就安了一個。

有Windows版本和蘋果版本的，這方面比較好，環境配置起來比較容易！

下載完成壓縮包，解壓，找到HBuilderX.exe進行安裝

安裝完成之後，進入，注不註冊都OK，但建議註冊。

1匯入檔案

開啟“檔案”，匯入“現有的資料夾作為新專案”

一直下一步，下一步

2 新建專案

有兩種辦法，可以直接“新建”，然後選擇對應的檔案型別

或者將開啟的檔案全部關閉，有新建很多種型別的，看你心情！

3新建第一個例子

開啟"新建"，建立“web專案”，填寫專案名稱，專案位置，模板

點選完成

4 這是我的例子

字型太小？沒有關係，不要著急。開啟“工具”，然後“視覺主題設定”，總有你想要的樣子。

右上角，還有一個邊寫邊看的模式，可以進行預覽。

最後左上角，有一個

在瀏覽器執行，點選，結果成這個樣子了。

剛開始我還擔心是因為瀏覽器執行配置的問題，你可以檢查“工具”，“選項”，“常規”，“web瀏覽器”，進行瀏覽器的設定。

但發現沒有什麼卵用，所以不是那裡出錯，後來，想起來，得儲存！！！！不像vscode那樣可以自動儲存，謹記謹記！

完畢！有問題隨時留言，共同進步。