html5转义为相应移动端app-Apache cordova+NodeJS环境配置

1.必要环境

    1.1 Java的JDK安装配置

        设置环境变量：

        在环境变量的系统变量设置 JAVA_HOME：C:\Program Files\Java\jdk1.8.0_05；

        再在设置系统变量 Classpath：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

        注意： 这个环境配置也不算绝对的，也要根据你的电脑设置而定。

   1.2 Apache Ant 安装配置

        下载地址：http://apache.fayea.com/apache-mirror/ant/binaries/

        设置环境变量：

        设置  ANT_HOME：D:\SoftWare Pakeages\apache-ant-1.9.4-bin\apache-ant-1.9.4；

        Path中添加：%ANT_HOME%\bin;

        

        注意： 这个环境配置也不算绝对的，也要根据你的电脑设置而定。

   1.3 Android SDK 安装配置

    下载好SDK之后，Path中添加  D:\SDK\android-sdk-windows\android-sdk-windows\tools;D:\SDK\android-sdk-windows\android-sdk-windows\platform-tools 这2个路径；

1.4 Node.js 的安装与配置

  node.js 的下载地址：http://nodejs.org/download/ ，建议最好安装32版本，也就是x86版本的。下载好之后直接安装，安装好之后在命令行输入： npm  install -g cordova 这是node的安装语法：npm  install -g  express。

这样我们的apache cordova就安装配置好了，自己动手可以输入命令测试。

2.创建应用程序

2.1 创建项目

    打开命令行，使用cd进入你的项目工作空间文件下， 输入 cordova create hello com.example.hello HelloWorld –d

    第一个参数hello，指定目录名称。

    第二个参数com.example.hello类似C#的命名空间，或Java的包名。

    第三个参数指定了应用程序的显示标题。

2.2 添加平台支持

    使用cd 进入项目根目录，

        cordova  platform add android

        cordova  platform add ios

        注意：貌似ios开发只能在Mac机器上进行

        完成后运行以下命令查看：

        cordova  platfrom list

        如果以后需要移除Android平台支持，可以运行：

        cordova  platform rm android

‍2.3 添加插件

        添加语法： cordova  plugin add org.apache.cordova.Geolocation   引用插件

                    你可以用CLI搜索可用的插件，比如：

                    cordovaplugin search bar code

                    你可以通过以下命令安装插件，比如:

                    cordova  plugin add org.apache.cordova.device                   //设备API

                    cordova  plugin add org.apache.cordova.network-information  //网络（事件）

                    cordova  plugin add org.apache.cordova.battery-status      //电池（事件）

                    cordova  plugin add org.apache.cordova.device-motion     //加速器

                    cordova  plugin add org.apache.cordova.device-orientation     //罗盘

                    cordova  plugin add org.apache.cordova.geolocation         //定位

                    cordova  plugin add org.apache.cordova.camera                 //摄像头

                    cordova  plugin add org.apache.cordova.media-capture     //媒体文件处理

                    cordova  plugin add org.apache.cordova.media                   //媒体文件处理

                    cordova  plugin add org.apache.cordova.file                        //文件访问

                    cordova  plugin add org.apache.cordova.file-transfer          //文件传输

                    cordova  plugin add org.apache.cordova.dialogs                 //对话框

                    cordova  plugin add org.apache.cordova.vibration              //震动

                    cordova  plugin add org.apache.cordova.contacts               //联系人

                    cordova  plugin add org.apache.cordova.globalization       //全球化

                    cordova  plugin add org.apache.cordova.splashscreen       //闪屏

                    cordova  plugin add org.apache.cordova.inappbrowser             //打开新的浏览器窗口

                    cordova  plugin add org.apache.cordova.console                //调试控制台

                    你可以用以下命令查看所有已经安装的插件

                    cordova  plugin ls

                    使用以下命令删除插件：

                    cordova  plugin rm org.apache.cordova.console    

                    Plugin add高级选项

                    上面的安装方式是从registry.cordova.io库中按照id获取插件，这是一个非常通用的做法。你可以在安装时指定版本，比如：

                    cordova  plugin add org.apache.cordova.console@latest

                    cordova  plugin add [email protected]

                    其中的latest表示获取最新版本。中间用@分隔。

                    如果插件不是在默认库中，而是在其他地方，则你可以指定URL：

                    cordova  plugin add https://github.com/apache/cordova-plugin-console.git

                    当然你需要先安装git。

     2.4 编译应用程序
        

        cordova build  或 cordova  build android  //只针对Andorid平台编译

        1.cordova   build  android 创建app

        2.cordova emulate android 模拟器里运行；

        3.cordova serve android  服务器的运行  localhost:8000

        4.cordova run android  运行真机；

        如果最终提示：BUILD SUCCESSFUL，则编译成功。

        实际上build命令对应于以下两个命令：

        cordova  prepare android

        cordova  compile android