码迷,mamicode.com
首页 > 其他好文 > 详细

轻松学习Ionic (一) 搭建开发环境,并创建工程

时间:2014-12-08 15:43:54      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:ionic   跨平台   

1.准备工作
   下载 Ant(打包使用),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.运行命令提示符(管理员) 输入

   a. cordova和ionic包安装到全局环境中(可供命令行使用):

npm install -g cordova ionic 
b. 进入你要创建项目的路径:

cd E:\Study\Android\ionic\Project
e:
  c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template> 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):
ionic start myApp tabs
  d. myApp就为项目名称,进入myApp这个文件夹:
cd myApp  
e. 添加android平台:
ionic platform add android 
f. 生成androidapk:
ionic build android
g. 在android模拟器或真机中模拟:
ionic emulate android
其中f和g可以合并为:
ionic run android
生成apk,并在模拟器或真机中模拟。





轻松学习Ionic (一) 搭建开发环境,并创建工程

标签:ionic   跨平台   

原文地址:http://blog.csdn.net/zapzqc/article/details/41802453

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!