HBuilder是一個基于HTML5技術開發的跨平臺開發工具，可以幫助開發者高效地運行vue。下面介紹一下在HBuilder中運行vue的步驟。

1.首先，在HBuilder中創建一個vue項目。點擊“文件”-->“新建”-->“項目”-->“WebApp混合開發”-->“Vue”-->“創建”即可成功創建一個vue項目。

文件-->新建-->項目-->WebApp混合開發-->Vue-->創建

2. 在HBuilder中打開命令終端。點擊窗口頂部的“工具”--“終端”--“打開本機終端”，即可進入終端界面。

工具-->終端-->打開本機終端

3. 在終端中輸入以下命令，安裝vue-cli及腳手架工具：

npm install -g vue-cli
npm install -g @vue/cli

4. 返回HBuilder，右鍵點擊項目名稱，選擇“運行”-->“運行配置”，打開運行配置窗口。

右鍵--->運行-->運行配置

5. 在運行配置窗口中，在“啟動參數”欄中輸入“npm run serve”，在“項目目錄”欄中選擇項目路徑，點擊“確定”保存運行配置。

啟動參數: npm run serve
項目目錄: 選擇vue項目路徑
確定

6. 點擊運行配置窗口中的“運行”按鈕，即可運行vue項目。

通過以上步驟，我們就可以在HBuilder中成功地運行vue項目了。