hbuild是一款集成開發環境（IDE），可用于開發基于HTML5、JS和CSS3的跨平臺應用。此外，hbuild還支持vue框架編譯。下面我們來介紹如何在hbuild中編譯vue應用。

首先，我們需要在hbuild中創建一個vue項目。打開hbuild，點擊新建項目，選擇vue項目類型，填寫項目名稱和路徑。創建完畢后，我們可以看到項目中已經自帶了一些vue的文件和依賴。

.
├── node_modules
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── App.vue
│   ├── assets
│   │   └── logo.png
│   ├── components
│   │   └── HelloWorld.vue
│   └── main.js
├── .gitignore
├── babel.config.js
├── package-lock.json
└── package.json

在創建好的項目中，我們可以先運行一下項目，看看是否能正常啟動。點擊工具欄上的“運行”按鈕，選擇“啟動Web服務器”或“編譯為離線包”進行測試。如果一切順利，我們可以在瀏覽器中看到vue默認的“Hello World”界面。

接下來，我們可以開始編輯vue應用了。在src文件夾中，我們可以修改App.vue、HelloWorld.vue等文件來開發自己的vue組件。如果需要安裝新的依賴包，可以通過終端或hbuild自帶的包管理工具npm進行安裝。例如，我們要安裝vue-router，可以在項目根目錄下運行以下命令：

npm install vue-router --save

安裝完成后，在main.js中導入vue-router，然后使用Vue.use()安裝它。接著，我們可以在src文件夾中新建一個router文件夾，創建一個routes.js文件，在里面定義路由規則，最后在App.vue中使用router-view組件來渲染路由。具體實現可以參考vue-router官方文檔。

最后，我們需要將vue應用編譯成可發布的離線包。點擊工具欄上的“運行”按鈕，選擇“編譯為離線包”，會在項目的dist文件夾中生成一個zip壓縮包，可以直接發布到各個應用市場進行分發。