在使用hbuild進行vue項目打包之前，需要先安裝hbuild。在安裝完成并打開hbuild后，我們可以開始進行vue項目的打包。

首先，我們需要進入vue項目所在的根目錄，打開終端窗口并輸入以下命令：

npm run build

這個命令會使用vue-cli提供的默認配置進行構建，生成一個dist目錄，其中包含用于生產環境的最終代碼。

接下來，我們需要將dist目錄中的文件復制到hbuild項目的www目錄中。可以使用以下命令：

cp -r dist/* hbuild_project/www/

將dist目錄中的所有文件復制到hbuild_project/www/目錄中，以便我們在hbuild中查看該項目。

最后，在hbuild中打開hbuild_project并運行該項目。此時，我們將看到vue項目在hbuild中的樣子。