使用Cordova + VUE开发电商App实录（环境搭建和基础介绍）

在调研了React Native，Weex，以及Cordova之后，由于前两个都环境都没有搭起来，碰巧cordova比较顺利，就选择了cordova这个工具，后来发现cordova的插件还是很丰富的，基本上需求都可以满足了。

cordova应用程序架构

开发环境搭建

对于Android平台windows开发环境搭建，需要用到JAVA，Android SDK，设备模拟器，构建工具Gradle。具体的环境搭建文档如下：

Android平台Windows环境搭建指南

对于ios应用的开发，由于我也没有ios的设备（我是穷逼），也没有研究那个方向，后面有机会再继续补充。环境搭建肯定会有问题，具体遇到问题也没有一个文档可以解决的，大家碰到问题再查阅相关资料就好，问题都不大。

安装Cordova-CLI命令行工具

下载和安装Node.js。安装完成后你可以在命令行中使用node和npm。

$ sudo npm install -g cordova   //安装cordova 命令行工具

$ cordova create hello com.example.hello HelloWorld  //初始化项目

$ cd hello

$ cordova platform add android --save  //添加android平台

$ cordova requirements //检测是否满足构建平台的要求

$ cordova build android //打包android应用apk

上述步骤为初始化cordova应用，添加平台和代码打包的命令，更详细的命令可以参考Cordova create 命令参考文档。通过命令行初始化的文件的根目录包含了一个www目录，用来放置前端程序（webApp），入口是index.html，后面我们将用我们自己的项目去替换这个目录下的文件。

Cordova 插件安装

如果你需要接触到设备级别的特性，例如推送消息，读取／存储文件，拍照，支付等功能，就需要安装cordova的插件了。cordvova的插件还是很丰富的，基本上能够满足需求，如果真的不满足需求，还可以自己开发插件，这个笔者也没有实践过，后期有机会可以补上。

下面是添加拍照功能插件的例子：

$ cordova plugin add cordova-plugin-camer  //添加插件

$ cordova plugin remove cordova-plugin-camer  //移除插件

插件的使用，后面再具体描述，下一篇主要记录一下VUE的初始化和与cordova的集成。

作者：石宝宝
链接：https://www.jianshu.com/p/6f9a7fe4eaeb