混合式应用开发之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，因此走了不少坑。若是有什么问题欢迎在下面评论。