推荐给初次接触微信开发的人

推荐给初次接触微信开发的人
微信小程序是一个介于原生app和H5之间的一个东东。如果用过cordova,Hbuiler,appCan之类的开发过混合式app,那么微信小程序可能与这种方式更为接近。不过微信小程序是依赖微信开发平台的，甚至连IDE都是专用的，做出来的成品，也只能在微信中通过搜索或扫码找到入口，然后进行访问。这些天一直在尝试用微信小程序来改写原来的H5项目。有一些小小的心得，怕过久了会忘记，于是就写下来，当作一个备忘隶，也给正好给想要学习微信小程序的同学分享一下。

微信小程序是一个介于原生app和h5之间的一个东东。如果用过cordova,hbuiler,appcan之类的开发过混合式app,那么微信小程序可能与这种方式更为接近。不过微信小程序是依赖微信开发平台的，甚至连ide都是专用的，做出来的成品，也只能在微信中通过搜索或扫码找到入口，然后进行访问。这些天一直在尝试用微信小程序来改写原来的h5项目。有一些小小的心得，怕过久了会忘记，于是就写下来，当作一个备忘隶，也给正好给想要学习微信小程序的同学分享一下。

微信小程序是国产的，不用担心文档看不懂，也不用担心网络被墙，这一点很方便。官方的起步教程写的很简单，直接给链接 。 如果你之前没有接触过微信小程序，那么可以跟着我的步骤一起来。

首先是下载开发工具，磨刀不误砍材工。点此下载  这是一个针对微信小程序开发的IDE工具，集预览，打包发布，调试，语法提示于一身，仅管如此，我还是不太习惯，我习惯是在sublime中进行代码的编辑，只是用它进行代码的调试。

安装挺简单，就不多说了。双击打开它，如果提示要扫码登陆，则通过微信扫一扫进行授权，然后就可以进行下面的操作了。

我现在只想体验一下，点击 `无APP` ， 项目名称自己根据实际需要真写，目录选一个空目录就好了。点击添加项目，完成效果如下：

点击编辑，左侧是目录结构，中间是预览效果，右则是控制台。

 

如果钩选了就会生成示例代码，则目录下面有三个app开头的文件及pages,utils两个目录，关于整个目录结构，请参考官方关于框架介绍部分，下面是需要搞明白的一些知识点：

.js是小程序的脚本代码，.wxss是样式，.json是配置信息。每新增一个页面，就要在app.json的page项中进行新增一条配置。如增加一个“关于我们”：

"pages":[ "pages/index/index", "pages/logs/logs", "pages/about/about" //添加关于我们 ],