Ionic
robert_cysy
这个作者很懒,什么都没留下…
展开
-
ionic开发介绍之环境搭建
开发环境搭建安装Node.Js。用于安装各种开发工具做准备;安装ionic构架和cordova库,这里分开安装ionic和cordova是因为墙的不稳定的影响,通常不能一步就安装成功。因此建议分开安装,对于墙来说对于技术网站其实不太屏蔽,在情况好的情况下不影响正常安装。当然如果你安装的时候确实遇到了困难,可以考虑淘宝的npm服务器或者翻过这堵墙。对于应用程序员来说这是基本技能。本文章所原创 2016-12-12 15:07:24 · 811 阅读 · 0 评论 -
ionic开发介绍之NPM管理工具简绍
本文只是简单的简绍。适用于刚刚开发ionic项目的同学学习了解在开发中,项目里用到的各种工具比如bower,gulp插件,cordova插件都是利用NPM来下载及管理的。而这些文件都是记录在package.json里的,对于自己新建立的项目目录里,这个文件是不存在的需要自己通过命令npm init 来进行建立一个。后续用npm添加文件的是可以通过命令“npm instll filena原创 2016-12-12 15:21:03 · 671 阅读 · 0 评论 -
ionic开发介绍之bower 介绍
本文只是简单的简绍。适用于刚刚开发ionic项目的同学学习了解bower是一个软件包管理软,并解决各个包的依赖项。可以使用bower下载软件包,或者从git下载库文件。这里介绍bower只针对ionic平台里的应用说明。要使用bower需要先通过npm安装bower,因此你首先的有个npm可用。安装命令为: npminstall –g bower由于要从github下载ioni原创 2016-12-12 15:32:30 · 1684 阅读 · 0 评论 -
ionic开发介绍之Gulp介绍一
本文只是简单的简绍。适用于刚刚开发ionic项目的同学学习了解参考:http://www.cnblogs.com/2050/p/4198792.htmlgulp是一个前端构建工具基本使用方法:确保安装了nodejs,然后执行以下命令安装gulpNpm install –g gulp全局安装完成gulp后,还需要在使用gulp的项目目录里再次单独安装一次。使用命令Np原创 2016-12-12 15:36:19 · 1130 阅读 · 0 评论 -
ionic开发介绍之gulp文件内容的详细介绍
为了查看方便查看与保留转载,连接为:http://www.cnblogs.com/2050/p/4198792.html的网页内容:前端构建工具gulpjs的使用介绍及技巧gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更转载 2016-12-12 15:50:22 · 441 阅读 · 0 评论 -
ionic开发介绍之gulp 简绍二
为真正工程修改项目目录结构以及自动和同步修改效果gulp-watch 实现,以上介绍的ionic模板只是学习示例,在实际的项目中应为要对js、css、html、图片,进行压缩,以及在组合(把多个文件合成一个,以减少网络请求次数),因此需要把源文件和编译好的文件分开放置。一般源文件放在src目录,编译好的文件放到www目录,www为网页的根目录,用于存放可以执行的网页。关于详细的原创 2016-12-12 15:41:03 · 589 阅读 · 0 评论 -
ionic开发介绍之SASS介绍
本文只是简单的简绍。适用于刚刚开发ionic项目的同学学习了解Sass的作用以及在本工程里使用的细节,,需要gulpfile.js那些命令支持,以及编码Ionic框架使用了sass来定义自己的css机构,当然我们自定义的css文件也使用sass。因此涉及到sass编译为css的步骤。当然实际上还需要多编译后的css进行压缩。以下为gulpfile.js里关于sass编译的代码:原创 2016-12-12 16:07:21 · 586 阅读 · 0 评论 -
ionic开发介绍之Config.xml文件关于splash和icon(实现手动关闭splash)
本文只是简单的简绍。适用于刚刚开发ionic项目的同学学习了解软件在手机上启动需要splash,,一篇文章Ionic工程可以在浏览器方便的做测试。但是在手机上运行的时候还需要,准备图标和启动画面(ionic启动打开网页需要一段时间,因此最好配上splash)。关于在手机上运行则涉及到对应的硬件平台。就相关到cordova。Cordova负责生成各个平台上的运行软件。同时对相应平原创 2016-12-12 16:10:04 · 5023 阅读 · 0 评论 -
ionic开发之Android平台echo插件编写
本文只是简单的简绍。适用于需要开发自己插件的同学看了cordova的官方文档,介绍了很多内容,但是正真开发一个插件的详细流程却没有提及,后来看到一篇不错的文章并最终测通过。现在自己从新总结一下。本文是针对安卓平台开发cordova插件来介绍的。 1. 准备材料:安装好npm ,cordova ,ionic等基本环境,然后通过命令ionic start demo tabs 创建一原创 2016-12-13 13:01:04 · 1090 阅读 · 0 评论