Ionic移动开发（一）

一、介绍

• Ionic ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。（from 百度百科）。一句话就是封装好的class 让你开发移动App更便捷，跟mui差不多。

• Cordova Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。 Cordova就是让html语言能够通过cordova调用手机原生功能的工具，也是一个打包平台，能够将html打包成apk或者ipa。

• ngCordova ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展，让开发者可以方便的在HybridApp开发中调用设备能力，即可以在AngularJs代码中访问设备能力Api。 更加方便的调用原生功能。

二、环境搭建

• 开发工具 webStorm

• 安装ionic https://ionicframework.com/getting-started
  1.安装node.js
  安装完成后 在cmd中运行node -v 如果有提示版本号 则安装成功。
  

  图片.png
  
  2.安装ionic cordova

  npm install -g cordova ionic 需要翻墙。
  

如果无法翻墙，可以使用淘宝镜像来解决这个问题：

 npm install -g cnpm --registry=https://registry.npm.taobao.org。

安装完成后，以后所有的插件都使用cnpm这个命令来进行安装：

  cnpm install -g ionic cordova

安装完成后 在cmd中输入ionic 会提示版本。

图片.png

输入cordova 提示

图片.png

**三、创建应用 **

• 1.创建app 有多用样式可以选择 一般选择blank 空样式，这期间会下载一堆东西。。。
  ionic start ionic-test3 blank --type=ionic1 --no-git --no-link —cordova

• 2.为app添加编译环境Android/Ios 这期间会下载一堆东西。。。
  ionic cordova platform add [email protected] @后面为指定的cordova android版本
  ionic cordova rm android 移除
  ionic cordova remove android 移除
  ionic cordova platform remove android 移除

  
  
  图片.png

• 3.编译运行 这期间会下载一堆东西。。。
  ionic cordova build android

• 4.运行
  ionic cordova run android
  ionic cordova run android -lc 是 livereload 和 console ，可以部分实现修改后不用重新 run 和输出控制台日志。 使用这个命令 一定要确保电脑和手机所在网段一致！！！

四、创建中遇到的问题

• 1.由于我们使用的是ionic1开始，而我下载的cli是3，创建项目时没有指定ionic版本，导致出现一些列问题。

• 2.sdk问题，由于本机安装了两个sdk路径，ionic指向的sdk地址错误，导致一直报***sdk不存在。

• 3.jvm问题，build android的时候一直提示

  Unable to start the daemon process.
  This problem might be caused by incorrect configuration of the daemon.
  For example, an unrecognized jvm option is used.
  

  百度一番修改了ionic-test3\platforms\android\cordova\lib\builders中的GradleBuilder.js和StudioBuilder.js中的jvmargs配置，由2048改为了1024