hbuilder是一款集成開發環境（IDE），可以用于開發各種類型的應用程序。其中，vue作為一種流行的JavaScript框架，也可以在hbuilder中進行開發。

hbuilder支持通過vue-cli來創建vue應用程序。首先，需要在終端中使用npm或yarn安裝vue-cli。然后，在hbuilder中打開終端（Ctrl + Shift + T）并運行命令：

vue create my-project

其中，my-project是新建應用程序的名稱。接下來，根據命令行提示選擇配置項，如babel、eslint等，即可創建一個基本的vue應用程序。

在hbuilder中打開新建的vue項目，可以看到以下文件結構：

my-project
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── App.vue
│   ├── main.js
│   ├── assets
│   │   └── logo.png
│   └── components
│       └── Hello.vue
├── .gitignore
├── babel.config.js
├── package.json
└── README.md

其中，public目錄包含了應用程序的index.html模板文件，而src目錄則包含了應用程序的主要源文件。其中，App.vue是應用程序的根組件，main.js是應用程序的入口文件，assets目錄包含了應用程序中使用的圖片、樣式等資源文件，components目錄包含了應用程序的組件。

通過hbuilder中的編輯器，可以方便地編輯、調試和構建vue應用程序。需要注意的是，在使用hbuilder的編輯器時，應該使用.vue文件類型來編輯.vue組件。