ionic1开发之准备工作

在做ionic开发之前,一直做的是iOS原生开发。对于软件编程不是0基础,对于ionic只能是大概听说过。

今年国庆之前HTML+CSS会写一点点,js和jq基本不会,angular也是停留在听说过的层面,国庆之后正式入了ionic的坑。

1.phonegap、cordova、ionic

通俗点的理解:

phonegap升级之后就改名叫做cordova了,当然有些人还是习惯性的叫phonegap。

ionic是依托于cordova,然后对cordova做了再封装,加入了angularJS以及一套ionic的UI组件。

所以在用npm install ionic的时候后面还会带上cordova,就变成了npm install -g ionic cordova。然后你会发现cordova的命令和ionic的命令其实就是一样的。

2.为什么选择ionic?

在选择ionic之前也看过React Native,也就是使用ReactJS来开发原生,开发出来的性能更加接近原生。但是既然是开发原生,那就有很多代码会根据platform的不同会写出两套来,开发难度更高。当然这个问题其实ionic上也会存在,在需要调用原生功能的时候,比如相机相册之类的,也就是常说的cordova插件。

选择ionic其实也就是看中ionic跨平台的优点,写一套HTML代码可以Android和iOS共用,虽然仍然会有根据平台不同需要作出不同的处理的时候,但毕竟是少数。另外cordova的插件也比较丰富,有一个调用原生的cordova插件库,用angular再封装之后叫ngCordova。

3.环境搭建

我用的是mac mini,感觉在mac os上搭建ionic的开发环境很简单。xcode是必须要安装的,用于打包ipa,还安装了Android studio,用于打包apk。mac os自带Java环境,安装Android studio之后也不用再配置Android环境了。

然后就是安装nodeJS,node安装好之后就是使用npm install -g ionic cordova。这之中的可能遇到的麻烦就是来自于我大天朝的墙,可以通过两种方法来解决。1.使用国内的镜像;2.使用vpn,推荐一个每天能免费试用俩小时的LocoVPN。

在Windows上搭建ionic的开发环境相对要麻烦一些,需要安装nodeJS,然后使用npm install -g ionic cordova,然后安装jdk配置Java环境变量,然后安装Android studio。也可以不用安装Android studio,可以用安装ADT配置Android环境变量并安装Android模拟器的方式。

ps:

1.Windows系统上只能搭建Android的打包环境,不能搭建iOS的打包环境;

2.有些教程上还是使用eclipse,目前Android开发基本上都不用eclipse了,推荐使用Android studio;

3.mac os上才能安装xcode,建议安装8.0及以上的版本;

4.Windows系统上安装好nodeJS之后一定要检查nodeJS的环境变量是否配置好了,不然后边会出现ionic或cordova不是内部命令的错误;

5.在win8上对nodeJS配置环境变量还需做特殊操作,谷歌度娘之;

6.建议Windows系统使用64bit,jdk安装1.8及以上64bit版本,可避免VM内存不足的问题;

7.在使用ionic build android出现错误大部分是因为大天朝墙的原因,换国内镜像或使用VPN;

8.IDE推荐使用webstrom,其实vscode颜值更高,但不太适合ionic1,更适合ionic2。

在实际过程中可能还会遇到其他的问题,但是大部分问题都会在控制台里打印出来并提供建议解决办法。遇到问题首先想到的是谷歌百度,因为你会遇到的问题在你之前就已经有人遇到过了,并贴出了解决办法。

4.学习资料

1.若英文好,首选官网http://ionicframework.com/,很多问题在官方文档中都会详细说明并找到解决办法的;

2.英文不好,就在后面加上中文网三个字,ionic中文网之类的;

3.QQ群,在各类网站中都会相应的QQ群,群里面广大网友还是比较活跃的。若你的提的问题没人回答,要么是太难了,要么就是太简单了,要么就是看到的网友还没有做过或者遇到过。一般回答的都是思路性质的答案,不会手把手的去教你怎么做,网友不是你的老师。但是妹子可能除外,一般在程序员的交流群里面妹子都是很受欢迎的,哈哈~~

3.微信公众号,推荐一个别人的TongeBlog,入门级的实战开源项目图文教程,另附更多干货;

4.视频教程,个人不喜欢看视频教程,花费时间还是收费的,前半部分照着官方文档做,后半部分实战教程,具体怎么样不知道,没看过。哈哈...

ionic1开发会是一系列的文章,但并不会是一系列的教程文章。主要讲述我本人在使用ionic1进行实际项目开发的过程中的一些感想以及一些填坑的思路。想要教程请自行谷歌百度之,网上各种教程只要你花时间总是能找到的。

思路决定出路,细节决定成败!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容