ionic入门

ionic安装

Ionic开发是依赖于Nodejs环境的，所以在开发之前我们需要安装好Nodejs。下载安装：http://nodejs.org/
安装完成之后打开PowerShell输入命令node -v和npm -v验证是否安装成功，如果返回版本号则说明成功。
在PowerShell命令行中执行：

npm install -g cordova ionic

这是使用npm包管理器安装cordova和ionic，-g的意思是全局安装，全局安装后在PowerShell中任何目录下都可以使用cordova和ionic的命令。

ps:如果报错,说明被墙了. 尝试换源

1.换源

A.config中设置

npm config set registry https://registry.npm.taobao.org
npm info underscore （如果上面配置正确这个命令会有字符串response）

B.命令设置

npm --registry https://registry.npm.taobao.org info underscore

C.编辑 ~/.npmrc 加入下面内容

registry = https://registry.npm.taobao.org

D.安装cnpm.

代理设置

npm config set proxy=http://127.0.0.1:1080

npm config set https-proxy http://server:port

上面四种都能达到换淘宝npm源的效果

//安装Cordova

npm install -g cordova

//安装Ionic

npm install -g ionic

//创建项目

ionic start myApp tabs   //创建带有top栏和bottom栏的示例项目

ionic start myApp sidemenu  //创建带有左侧带有menu栏的示例项目

ionic start myApp blank   //创建空白项目

cd myApp

//添加编译环境,
ionic platform add android

ios的 ionic platform add ios 估计要在ios下运行

//查看已安装的环境

ionic platform list

//编译.
ionic build android

有可能报错.将ionic换成cordova试试

cd myApp

cordova platform add android

cordova build android

cordova emulate android

编译成功后可在下面的目录中找到编译好的apk文件

C:\Users\Aust\myApp\platforms\android\build\outputs\apk

打开本地的nodejs测试

ionic serve 运行成功会自动打开http://localhost:8100/#/tab/dash 页面默认支持lievereload

在手机测试，连上adb（或者运行Genymotion），再运行下面命令

adb version //查看adb连接情况

ionic run android //在adb上发布运行. 会自动打包并安装到手机上

在部署到移动端后也可以开启livereload的，我们只需要修改下我们run命令参数：
ionic run android --livereload -c -s
这是android的调试模式，无论在虚拟机上还是在手机上都可以实现livereload，不用每次开发完成编译再部署！-c是开启客户端日志输出，-s是开启服务器端日志输出。

而ios相对麻烦些，

先安装ios-deploy

npm install -g ios-deploy

我们也同样执行：
ionic run ios --livereload -c -s --device
ionic emulate ios -livereload -consolelogs -serverlogs

只要等他提示Build Success之后，我们在xcode上面运行虚拟机或者真机也可以实现livereload。

ios打包、android打包

能使用Ionic来开发app的很可能对Ios和android的app打包发布流程不是很熟悉，我这里简单说明下：
Android
Android的打包比较简单执行命令：
ionic build android -release 
找到www/platform目录下生成的apk包，此时的apk还不能被安装到手机上，还需要一步签名操作，大家可以参考：
http://www.cnblogs.com/qianxudetianxia/archive/2011/04/09/2010468.html

IOS
ipa文件的打包需要现在apple develop网站上注册一个账号，在网站申请生产环境的证书导入到你的开发机中和开发机绑定才可以使用xcode导出，详情参阅：
http://blog.csdn.net/songrotek/article/details/8448331
http://www.mexiqq.com/2014/07/25/xcode6+ios8%E6%9C%80%E6%96%B0%E7%9C%9F%E6%9C%BA%E8%B0%83%E8%AF%95%E6%95%99%E7%A8%8B/

ionic.project 中像这样设置代理：

来自为知笔记(Wiz)

巴特西

ionic入门

ionic安装

在手机测试，连上adb（或者运行Genymotion），再运行下面命令

ios打包、android打包

最新文章

热门文章