Ionic 安装遇到的问题以及解决方案

Posted 2020-09-06 从前端开发到全栈

http://www.jianshu.com/p/5a99334eb62d

一般从 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是开启服务器端日志输出。