ionic 安装教程

2015-10-08：国庆回来发现有新版本了，特意更新结果命令失效了，然后重新装吧，结果也失败多次 大概6-7次左右，然后系统是win10，可以启用管理员命令窗口进行安装，第二次成功了！

 

1.准备工作

    下载 Ant（打包使用），Node.js（下载包），node.js 安装教程说明,  HBuilder（IDE，编写代码，真机调试）,Android SDK (Android编译)

    

 

2.配置环境变量：

    ANDROID_HOME    D:\Program Files\adt\sdk                              （对应sdk路径）

    Path            ;D:\Program Files\apache-ant-1.9.4\bin                （对应ant下bin路径）

 

3.安装ionic等，运行命令提示符（管理员） 输入

a. 将cordova和ionic包安装到全局环境中（可供命令行使用）：

1. 【一次性模式】：npm install -g cordova ionic  
   
   【分步模式】：

   npm install -g cordova 
   
   

   npm install -g  ionic  

b. 进入你要创建项目的路径：

1. cd E:\Study\Android\ionic\Project
   e:  

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  

即生成apk，并在模拟器或真机中模拟。

4.更新ionic等

a.更新cordova及ionic包

1. npm update -g cordova ionic  

b.更新已建ionic项目中的js类库，命令行中先进入项目所在目录，然后运行：

1. ionic lib update  

5.展现ionic项目结果（显示在ios和android上的样式）

1. ionic serve 

6.查看ionic版本（当前最新版本为1.2.13）

ionic -v     

标签：

使用下面的命令查询、安装、卸载插件：

  $ ionic plugin list //列出所有已安装插件
  $ ionic plugin remove 插件名 //先根据上面的list列出插件，然后根据插件名卸载
  $ ionic plugin add 插件地址 //这个插件地址可以是github的项目地址，也可以是一个文件夹路径
  $ ionic –help //查看帮助文件

7.安装中有问题欢迎加群讨论：前端攻城狮群分享群 【123479555】

推荐一篇博客地址：分享 Ionic 开发 Hybrid App 中遇到的问题以及后期发布 iOS/Android 的方方面面