轻松学习Ionic （一） 搭建开发环境，并创建工程

1.准备工作
    下载 Ant（打包使用），Node.js（下载包），HBuilder（IDE，编写代码，真机调试）,Android
SDK (Android编译)
    加群：245285768

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包安装到全局环境中（可供命令行使用）：

[plain]
view plaincopyprint?





npm install -g cordova ionic  

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

[plain]
view plaincopyprint?





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

    c. 创建一个名为myApp的还有tabs的项目（ionic
start <project-name> <optional-template>） 可选模板为sidemenu
侧滑、tabs 底部tab切换、blank 空白）:

[plain]
view plaincopyprint?





ionic start myApp tabs  

    d. myApp就为项目名称,进入myApp这个文件夹:

[plain]
view plaincopyprint?





cd myApp  

    e. 添加android平台:

[plain]
view plaincopyprint?





ionic platform add android  

    f. 生成androidapk:

[plain]
view plaincopyprint?





ionic build android  

    g. 在android模拟器或真机中模拟:

[plain]
view plaincopyprint?





ionic emulate android  

   其中f和g可以合并为：

[plain]
view plaincopyprint?





ionic run android  

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

4.更新ionic等

    a.更新cordova及ionic包

[plain]
view plaincopyprint?





npm update -g cordova ionic  

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

[plain]
view plaincopyprint?





ionic lib update  

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

[plain]
view plaincopyprint?





ionic serve --lab  

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

[plain]
view plaincopyprint?





ionic -v  

   



转自：http://blog.csdn.net/zapzqc/article/category/2764071