微信小程序开发基础篇之安装(一)

来源:互联网 发布:网络上说表妹什么意思 编辑:程序博客网 时间:2024/06/05 22:36

小程序从一月九号开放之日起,就特别感兴趣,微信小程序总设计师张小龙选择1月9号发布开放小程序,(这个和乔帮主发布IPhone的时间相同),外界说法不一,有的说是对iPhone乔帮主这个想通过改写手机移动历史牛人的敬仰,第二,也希望微信小程序能够想iPhone一样,能够重新定义移动应用的影响,想达到iPhone公司一样优秀的产品和影响力,无论出于怎么样的一个想法,那是他们的事了,以前在还有说的小程序是一个操作系统,不远的将来,可能没有操作系统,就有一个微信,我们可以走天下,想想都有点小激动,哈哈,言归正传。

本来由于研究生的课程比较忙,加上导师的科研压力,导致现在才可以慢慢的有时间的了解小程序。我也是刚刚接触小程序,很多都是初学者的理解。

下面我们来慢慢介绍小程序:

俗话说的好,工欲善其事,必先利其器。我们开发小程序,那么必不可少的要有一个好的开发环境,还好我的师兄小马哥,已经把我们的开发工具集成了,下载地址,点击选择你们电脑的合适系统位数,点击下载安装就好了。

1、下载开发工具安装,点击完成。




2、选择小程序选项


3、打开刚才下载的小程序,点击+号,创建第一个应用。


4、作为个人开发者,现在小马哥,还没有开放个人的,所以这里先选择无APPID的。有些功能因为没有ID可能会受限,但是,作为初级开发者,可以接受。


5、创建完,我们可以看到的界面,最左边的是相当于导航栏吧,点击不同的选项卡,我们可以进入不同的选项界面。

中间是我们视图界面,iPhone6 那里我们可以选择我们想使用的手机模拟器,以及一些参数等,最右面的是我们的一些代码页面,接下来我会一一介绍这些文件。


6、编辑选项卡


整个开发工具基本分为三块。

第一列:table-item 每个按钮代表一个页

第二列:webview  你的页面在这里实时展示

第三列:chrome调试工具,暂且这样叫吧,因为确实是使用了charome的调试工具, 在这里可以调试页面的样式,js,网络检测,输入输出等等。



0 0