首先，在使用hbuilderx導入vue時，需要在新建項目時選擇“vue項目”選項，并填寫好項目名稱等基本信息。

接下來，需要安裝vue-cli。使用以下命令：

npm install -g vue-cli

安裝完后，在hbuilderx的終端內，進入項目文件夾并運行以下命令：

vue init webpack

按照提示輸入項目名稱、描述等信息，等待項目初始化完成。

接著，在hbuilderx內打開剛才新建的vue項目，在src目錄下可以看到App.vue文件。在該文件內，即可編寫vue的代碼。

最后，運行以下命令可以啟動本地服務器預覽項目：

npm run dev

以上就是通過hbuilderx導入vue的基本流程。