一般从 node.js官网下载安装完之后,npm也会同时安装完。
如果通过
$ npm install -g cordova ionic
去安装,往往会失败。
这个是由于GFW,很多插件下载不下来,还好我们有淘宝镜像来解决这个问题:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后,以后所有的插件都使用cnpm这个命令来进行安装。
$ cnpm install -g cordova ionic
更新cordova及ionic包
$ cnpm update -g cordova ionic
更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:
$ ionic lib update
相关的环境配置(windows下)
ANDROID_HOME 你放置android_sdk的文件夹路径 如:
C:\Android\android-sdk-windows
path %ANDROID_HOME%\platform-tools;
path %ANDROID_HOME%\tools;
进入到你要创建项目的路径,如 C:\home\workshop\ionic
创建一个 tabs的项目 格式如下 ionic start <project-name> <optional-template>
$ ionic start myApp tabs
进入 myApp
$ cd myApp
添加android平台:
$ ionic platform add android
生成androidapk:
$ ionic build android
在android模拟器或真机中模拟:
$ ionic emulate android
可以将上面两步合并成一个步骤如下
$ ionic run android
iOS 和 android 同时启动模拟器
$ ionic serve --lab
调试
我们在前面已经说过,在开发前期我们一般会在web中调试,而Ionic为我们提供了非常方面的web调试环境,只需要执行ionic serve就可以实现lievereload,而在部署到移动端后也可以开启livereload的,我们只需要修改下我们run命令参数:
ionic run android --livereload -c -s
这是android的调试模式,无论在虚拟机上还是在手机上都可以实现livereload,不用每次开发完成编译再部署!-c是开启客户端日志输出,-s是开启服务器端日志输出。