美文网首页ionic开发
ionic1开发之准备工作

ionic1开发之准备工作

作者: hhjjj1010 | 来源:发表于2016-12-24 15:18 被阅读0次

在做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进行实际项目开发的过程中的一些感想以及一些填坑的思路。想要教程请自行谷歌百度之,网上各种教程只要你花时间总是能找到的。

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

相关文章

  • ionic1开发之准备工作

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

  • ionic1开发之tabs

    在实际项目的开发中,项目的长相也就是UI的结构,常见的大致分为三种:tabs型,slide-menu型以及其他型。...

  • ionic1开发之嵌套tabs

    一般app开发都是选择的tabs来做基本架构,也就是首页都是有几个tab选项卡组成的。本文要说的嵌套tab是指在t...

  • ionic1开发之APP引导页面

    前言: 写这篇文章的主要目的不是为了讲如何实现APP引导页面的界面。主要是要讲在ionic1的APP中怎样控制引导...

  • ionic1开发之适配iOS 11和iPhone X

    随着iOS 11以及iPhone X的发布,以前使用ionic1开发的APP也需要针对iOS 11和iPhone ...

  • ionic4 开发企业微信应用0

    作为一个后台开发人员,几年前参与过Ionic1开发过一微信公众号的经历,所以这次开发企业微信应用,就使用了i...

  • ionic 使用 Leaflet,click事件失效

    项目需求:使用Ionic1做混合App开发,使用Leaflet提供地图服务遇到问题:地图上的click事件在Ion...

  • iOS 梳理极光推送

    一、极光推送的准备工作: 主要步骤:在苹果开发者网站中利用开发者账号创建出appID,即创建应用程序ID。(如果之...

  • gulp入门指南与实例

    因最近开发几个ionic1项目,默认配置的gulp,对gulp已经非常熟悉,用实例来写一点教程,如有错误欢迎指正。...

  • ionic1 + gulp +babel ES6项目

    上篇文章讲了ionic1的环境配置、创建项目和打包app,由于安卓上还是不识别ES6语法,这里讲基于ionic1的...

网友评论

    本文标题:ionic1开发之准备工作

    本文链接:https://www.haomeiwen.com/subject/lzckvttx.html