使用 HBuilderX 配合 Vue 進行項目開發,首先需要安裝 HBuilderX 和 Vue 命令行工具。
在 HBuilderX 中新建項目時,可以選擇 Vue 模板。
// 安裝 Vue 命令行工具
npm install -g vue-cli
// 創建項目
vue init webpack my-project
// 進入項目目錄
cd my-project
// 安裝依賴
npm install
在 HBuilderX 中,可以通過新建普通頁面,使用預設 Vue 模板快速創建 Vue 組件。
{{ message }}
HBuilderX 還提供了 Vue 組件的智能提示、格式化等功能,大大提高了開發效率。
同時,使用 HBuilderX 還可以方便地進行調試、打包、發布等操作。