微信小程序开发基础篇之安装（一）

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

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

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

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

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

 

 

2、选择小程序选项

 

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

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

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

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

6、编辑选项卡

 

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

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

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

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