ionic 环境搭建之marc

1.准备工作
    下载 Node.js(下载包),WebStorm(IDE,编写代码,浏览器调试),JDK(webstorm 运行环境),Android SDK (Android编译)
2.配置环境变量:
  1. ANDROID_HOME    D:\Program Files\adt\sdk                              (对应sdk路径)  
  2.        path     %ANDROID_HOME%\platform-tools;  
  3.        path     %ANDROID_HOME%\tools;  
3.安装ionic等,运行命令提示符(管理员) 输入
    a. 将cordova和ionic包安装到全局环境中(可供命令行使用):
  1. npm install -g [email protected]版本号
  2. npm install -g ionic  @版本号
ionic 环境搭建之marc

  注:由于GFW,很多插件下载不下来,我们可以使用淘宝镜像来解决这个问题:
  1. npm install -g cnpm --registry=https://registry.npm.taobao.org  
              安装完成后,以后所有的插件都使用cnpm这个命令来进行安装。
  1. cnpm install -g ionic cordova  
  b. 进入你要创建项目的路径:
  1. cd E:\Study\Android\ionic\Project  
    c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template>) 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):
  1. ionic start myApp tabs  
    d. myApp就为项目名称,进入myApp这个文件夹:
  1. cd myApp  
    e. 添加android平台:
  1. ionic platform add android  
    f. 生成androidapk:
  1. ionic build android  
    g. 在android模拟器或真机中模拟:
  1. ionic emulate android  
   其中f和g可以合并为:
  1. ionic run android