拍照app开发初级



开始开发


那么首先第一步呢!我们就要安装meteor。


0.png


这个是在我们的命令行里,就是在Terminal里面完成的一个工作。安装很简单,就一个命令。这个命令你也不需要记住,你只需要进入我们的这个meteor的官网。


1.png


这里有一个install的按钮,点击它。然后这里就有一个命令行。


2.png


你就把它copy过来就行了。Copy到你的Terminal里面去执行它。


3.png


就只这么一个命令,我们就完成了安装过程。这个安装完成,就表示说,你的web服务器,你的编译器,解释器,你的数据库服务器,应用服务器,以及整套的运行时刻库全都已经安装好了。没有任何需要配置的工作。


首先,让我们建立一个新的空文件,像hello world一样的程序;使用meteor create这个命令来做。


4.png


我们按照它的提示进入 demo 文件夹下,然后敲下meteor,就可以去运行它了。


5.png


也就是几秒钟之后,它告诉你app运行在这个地址上。


6.png


我们把这个copy过来,到我们的浏览器里面。我们输入这个地址,回车。


7.png


我们就可以看到这个程序已经跑起来了。这个程序运行起来很简单,显示了一行欢迎的字,下面一个按钮,再下面显示你点击了多少次按钮。这就是我们第一个相当于hello world的一样的程序。在改动代码之前呢,我们需要安装一些包。这些包可以让我用更喜欢的coffeescript和less来代替JavaScript和css;另外就是我们还要装一些来适合移动开发的 ,因为我们这个产品最终会跑在移动的手机上。


就需要安装一个Meteor Cordova Phonegap integration。这个安装很简单,我们需要先把服务器停掉。Ctrl+c就把它停掉了。


8.png



停掉之后,我们得安装这两个包,一个是coffeescript和lees。安装的命令十分简单,这个命令就可以在我们的项目里面安装这个包。


9.png



那么同样的,我们安装这个less。


90.png


而lees是一种css的改进,它们两都是对JavaScript和css的改进,为的是提高工作效率,减少出错的情况,以及完成很多以前很麻烦很难写的一些功能。那么这个Meteor Cordova Phonegap integration就相当于编写一个Hybrid的混合型移动应用的这么一个工具。它可以让你在html5和JavaScript写的程序可以在一个叫phone app的在native app的环境下原生代码下运行于这个手机上。


安装过程很简单,我们可以在一个网页上看到它的项目。


91.png


这里提供了android和IOS的安装方法。


92.png


我们现在装platform。


93.png



这个platform就是说,你想要你的程序运行在哪些系统上。这里给你提供了IOS,android。你想让程序运行在什么平台上,就运行对应的命令就行了。这里我们先以android为例。


94.png


把这个命令拷贝过来,运行一下,这个时候呢,它就去安装。


95.png


但是,这里忘了一件事,我还需要先安装SDK,因为我还没有安装android的sdk,这个可能费一点儿时间。


96.png



然后,经过了一个漫长的等待,我们android的sdk就安装好了。


97.png


装完了之后,我们就可以运行刚才我没有运行成功的那个命令。


98.png


这回比较快,很快就完了。


99.png


然后这里需要你输入y代表yes,同意。


990.png


这样android就已经成为了我们的一个开发平台。等会儿安装IOS也是一样的。你就输入add platform,然后是IOS就行了。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
? 2012-2016 葡京国际首页 www.ybxiongdi.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有一个聚会大礼包未领?。。?!

客服热线 400-862-8862

回到顶部