Cordova +vue 开发webapp项目

1、确定安装node
2、全局安装cordova
    npm install -g cordova

安装完成后可以使用cordova -v或者cordova -version验证一下是否安装成功

我们这样安装的cordova是最新版本的，如需安装其它版本，只需要在命令行npm install -g cordova后面加上“@版本号”就可以了。 
例如安装5.4.1的版本：npm install -g cordov@5.4.1

因为cordova安装的版本是与android sdk版本有关的，我安装的是cordova 6.0.0，所有必须使用sdk版本android-23。如果你的sdk版本过低，可以考虑安装低一点版本的cordova。注意：这一定是相对应的！

这里也讲一下cordova的卸载命令，如果你不想用cordova或者是cordova安装错误可在cmd命令行窗口运行命令：npm uninstall cordova -g即可卸载cordova

2.1 gradle安装 
              cordova4.0.0以后,Android工程通过Gradle生成，安装后将bin添加到系统path中
3、创建一个项目名
    cordova create appDemoVue

（创建一个名字为cordovacheck的项目，包名是com.example.test  cordova create cordovacheck com.example.test）
4、安装vue-cli脚手架
    npm install -g vue-cli
5、创建VUE 项目
    vue init webpack 项目名
6、npm install

 

7、在根目录：index.html增加引入cordova.js

<script type="text/javascript" src="cordova.js"></script>

corfova 添加插件
    1、添加Android 平台

cordova platform add android

添加其他平台

          cordova platform add wp8 
                      cordova platform add windows 
                      cordova platform add amazon-fireos 
                      cordova platform add blackberry10 
                      cordova platform add firefoxos

2、卸载平台

cordova platform rm android

3、查看自己已经安装的平台以及未安装的平台：

cordova platforms ls

4、添加插件

cordvoa plugin add cordova-plugin-camera

5、编译打包

cordova build android
---------------------
作者：漠冰的痛
来源：CSDN
原文：https://blog.csdn.net/mobingdetong/article/details/83307343
版权声明：本文为博主原创文章，转载请附上博文链接！