參考：

cordova+vue 專案打包成Android（apk）應用

Cordova+Vue實現Android APP開發

Cordova - 使用Android Studio匯入Cordova建立的Android專案

Cordova - 打包Vue專案的詳細步驟（將Vue.js專案編譯成App）

vue專案打包成手機apk,方式有兩種：cordova ,hbuilder，這裡介紹Cordova方法。

準備工作：

下載 jdk 、android sdk 和 node.js ， 並配置環境變數

一、npm安裝 cordova

//安裝
npm install -g cordova

//檢視版本
cordova -v
cordova -version

二、webstrom 建立Cordova專案

新建Cordova專案，

注意此時可看到剛安裝的Cordova安裝路徑

建好後目錄如下：

三、webstrom 執行Cordova專案

設定構建命令：點選edit configuration，設定構建platform 和命令run，

然後用usb資料線連線手機，再點選執行即可。

Cordova命令有：

Help：顯示可用CLI命令的資訊。
Create：建立Cordova專案並關聯專案資料夾和檔案。
Plateform：管理Cordova專案使用的移動平臺。
Plugin：管理Cordova外掛的安裝和解除安裝。
Prepare：從Cordova專案的www資料夾複製web應用內容到專案移動平臺專案資料夾中。
Compile：把web應用打包成Cordova應用。
Build：先執行Prepare命令然後打包web應用。
Emulate：在一個或多個移動裝置平臺的裝置模擬器中執行Cordova應用。
Run：在一個或多個移動裝置中執行Cordova應用。
Serve：啟動一個伺服器載入web內容以便於用瀏覽器訪問。

示例：
cordova build android

執行後可看到構建的apk路徑，

手機上也可看到專案：

到此Cordova專案構建成功。

四、將vue build的內容匯入到Cordova

先將Cordova的www目錄下清空，並將vue專案中build生成的dist目錄中的全部檔案拷貝進Cordova的www目錄下

再次執行Cordova run命令，手機上可看到：

到此vue專案匯入到Cordova專案成功。

五、將Cordova專案匯入到Android studio

開啟Android studio 選擇platform下的Android模組 進行匯入：

匯入後，可看到專案結構就是一個標準的Android專案了。

此後打包簽名可在Android studio內進行即可。