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

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啦

2、vue建立應用

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

$ vue init webpack oneApp(名字能夠和上面工程同樣) $ cd oneApp $ npm install $ npm run dev

建立完成以後的項目目錄

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

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

3、打包編譯

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

二、對cordova進行各類平臺進行編譯 cd到 主目錄下，執行 cordova build iOS、cordova build Android等。

ps：本身原來是使用Cordova+Ionic，剛剛開始用Cordova+vue，因此走了不少坑。若是有什麼問題歡迎在下面評論。