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)