HBuilderX 是一個非常好用的前端開發工具，它支持多種前端框架，其中包括 Vue。在使用 HBuilderX 進行 Vue 開發前，需要先進行 Vue 的環境配置，本文將介紹如何在 HBuilderX 中添加 Vue。

首先，在 HBuilderX 中創建一個新的項目，在項目文件夾中打開終端工具。輸入以下命令安裝 Vue 腳手架：

npm install -g vue-cli

接著，使用以下命令創建一個 Vue 項目：

vue init webpack my-project

其中，my-project 為項目名稱，可以根據自己的需要進行修改。在創建項目的過程中，可以選擇需要使用的插件，也可以全部使用默認配置。

等待項目創建完成后，在終端工具中進入到項目文件夾中。使用以下命令安裝項目依賴：

npm install

安裝完成后，使用以下命令啟動開發服務器：

npm run dev

開發服務器啟動成功后，可以在瀏覽器中訪問 http://localhost:8080 查看頁面效果。

至此，HBuilderX 中添加 Vue 配置完成。可以使用 HBuilderX 進行 Vue 項目的開發調試了！