hbuilderx是一款常用的前端IDE，它同時支持多種框架的開發。在使用hbuilderx編譯vue項目時，你需要按照以下步驟來完成。

首先，你需要在項目中安裝vue-cli。在安裝完成后，使用vue-cli創建一個新的vue項目。

vue create my-project

安裝完成后，進入項目文件夾并運行以下命令以啟動項目：

cd my-project
npm run serve

運行成功后，你可以在瀏覽器中輸入http://localhost:8080來查看vue項目的界面。

接下來，你可以打開hbuilderx，在菜單欄中選擇“文件”-“打開文件夾”，選擇剛剛創建的vue項目文件夾，即可在hbuilderx中查看項目文件。

如果你要對vue項目進行編譯，在hbuilderx中打開項目文件夾，進入命令行終端，并輸入以下命令進行編譯：

npm run build

編譯完成后，你可以在項目文件夾中的“dist”文件夾中找到編譯好的文件。

總之，使用hbuilderx編譯vue項目是非常方便的。只需要幾條簡單的命令，即可完成項目的啟動和編譯。