Cordova+ionic 开发hybird App --- 开发环境搭建

Posted 2020-06-18

Cordova 开发hybird App 开发环境搭建

一．一些基础概念：

Ant :

简单说来可以这么理解，如果你用记事本写JAVA程序，然后在cmd里输入javac命令编译它，但是有一天你发现每次手动输入太麻烦而且都是重复劳动，
于是你下决心改变这种状况，然后学会了把javac命令写到一个bat文件中，以后编译只需要单击运行即可；然后随着你敲的代码越来越多，而且有了
JAVA project概念，于是你手动新建了很多文件夹比如src、bin、lib，你有写了一个bat文件来减少你的重复劳动；再后来随着你编码的需求更多，
你对javac命令也了解更多，譬如打包、运行不同的类等等，而且你又学会了用junit，test类源码要和非test源码分开，你的boss要求你把web项目部
署到tomcat下……你看了一下你的屏幕，满满的都是各种各样bat文件，查找起来基本靠记忆，这样不好不好。于是乎ant闪亮登场，从此妈妈再也不
用担心我点错命令了！！废话有点多。ant说白了就是代替各种bat文件来帮助你实现想要的命令（主要是和JAVA编程相关），而且她做得更多效率更好。

Npm: NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
1. 允许用户从NPM服务器下载别人编写的三方包到本地使用。
2. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
4.

Nodejs: JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在html页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，
NodeJS就是一个解析器。每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象
和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了document之类的内置对象。而运行在NodeJS中的JS的用途是操作磁
盘文件或搭建HTTP服务器，NodeJS就相应提供了fs、http等内置对象。

Ionic: IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用
。 它使用 javascript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。

SASS:

Cordova/Phonegap:

二．环境搭建：

安装nodejs;

安装jdk 配置环境变量
JAVA_HOME: C:\Program Files\Java\jdk1.8.0_45
CLASSPATH: .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
Path:%JAVA_HOME%\bin;

安装git ;

安装 ant 配置环境变量
ANT_HOME:C:/apache-ant-1.9.6
Path:%ANT_HOME%\bin

安装android 配置环境变量
用户变量ANDROID_HOME:F:\android-sdk-windows
系统变量PATH:%ANDROID_HOME%\platform-tools; %ANDROID_HOME%\tools;

安装ionic 和 cordova
npm install –g cordova ionic
ionic start app

三．整合crosswalk
ionic browser add crosswalk
如若要移除crosswalk，则需执行：
ionic browser revert crosswalk / ionic browser remove crosswalk