混合式應用開發之Cordova+vue(1)

一、Cordova創建應用

cordova create oneApp

Cordova創建應用出錯

Cordova安裝時不能使用cnpm 應該使用npm，cnpm雖然快但是后期出的錯絕對比這省下來的時間多得多。

正確安裝方法

npm install -g cordova

或

npm install -g cordova --registry=https://registry.npm.taobao.org

npm install -g cordova 報錯ENOENT: no such file or directory

原因是之前下載安裝失敗時，生成了node_modul文件夾，全部刪除重新下載安裝就ok啦

二、vue創建應用

1、創建一個基於webpack模板的新項目（在上面Cordova項目目錄里創建）

$ vue init webpack oneApp(名字可以和上面工程一樣)

$ cd oneApp

$ npm install

$ npm run dev

創建完成之后的項目目錄

2、修改Vue項目config/index.js文件

'use strict'
module.exports = {
  build: {
    index: path.resolve(__dirname, '../../www/index.html'),
    assetsRoot: path.resolve(__dirname, '../../www'),
    assetsPublicPath: '',
 }
}

三、打包編譯

1、對Vue工程進行build，編譯之后打包生成的代碼自動跑到主目錄下的WWW文件下 cd 到Vue的MyApp目錄下，執行npm run build

2、對cordova進行各種平台進行編譯 cd到 主目錄下，執行 cordova build iOS、cordova build Android等。

ps：自己原來是使用Cordova+Ionic，剛剛開始用Cordova+vue，所以走了很多坑。如果有什么問題歡迎在下面評論。