ionic创建App

之前用ionic、angularjs、phonegap开发过一个App(湖南博长),那个时候一直忙着开发App,没有分享过该开发的教程,现在有时间了,来写写博文记录下。

第一步: 安装nodejs

1. nodejs官网

20160118103538

2. 傻瓜式的安装之后

20160118103855

3. 查看版本号

20160118104130

20160118104205

第二步: 安装ionic和cordova

npm install -g cordova ionic

20160118104411

第三步: 查看ionic、cordova版本号

ionic -v
cordova -v

20160118104610

第四步: 如果需要更新ionic、cordova,使用update命令

npm update -g cordova ionic

20160118104810

第五步: 创建App应用

ionic start myApp tabs   //创建带有top栏和bottom栏的示例项目
ionic start myApp sidemenu  //创建带有左侧带有menu栏的示例项目
ionic start myApp blank   //创建空白项目

20160118105102

20160118105305

20160118105320

20160118105435

第六步: 自定义包名创建App应用

1. 通过ionic help得出ionic start 可以带参数

20160118111425

20160118111700

2. 开始创建App应用

ionic start -a jhonse_test(App名称) -i com.jhonse.jhonse_test(包名) jhonse_test tabs

20160118112312

20160118112422

3. 查看配置文件,是否有app名称和包名.

在config.xml文件中

20160118112621

备注: 其实可以不通过命令来创建包名和app名称,直接config.xml修改即可。

第七步: 查看效果

ionic serve

2016011811291120160118112941

Author: jhonse

Jhonse技术博客: http://blog.jhonse.com

3 thoughts on “ionic创建App”

Leave a Reply

Your email address will not be published. Required fields are marked *