从零学习开发微信小程序教程

首先关于微信小程序是个什么玩意儿？还有小伙伴不知道的话，大家去微信公众平台，看看微信的官方解释，我就不再这里赘述了。

如何安装微信web开发者工具

安装这个工具其实就是跟安装 .exe文件是一样的，直接点击下一步，直到finish（完成）。安装完成之后，开始这工具会提示你新建一个项目，并且输入一个微信小程序的appid。记住我建议大家用微信公众平台注册一个账号，并且选择微信小程序作为开发身份，因为里面只能四个角色当中选择其中的一个。拿到小程序的appid我们就可以新建项目开发了。

下面我们来看一下微信小程序和Android的对比。这样我相信很多Android的小伙伴就能够一幕了然了。

首先我们来看一下  微信小程序中几个重要的文件

新建项目的时候，会自动生成pages文件夹，utils文件夹。至于pages文件夹下的每个文件夹，就相当于Android 中一个activity的相关内容。知识微信和做法和Android的做法不一样，微信小程序是把同一个界面的东西都放在同一个文件夹下，而不是像Android那样把Java代码放在src文件夹下，把所有的布局，属性，字符串，自定义style等相关的属性放在res下面，下面重点介绍一下微信小程序重要的几种类型的文件

.js文件

就相当于Android 的activity，该文件主要是写关于界面的一些逻辑处理。

.json文件

个人当下学习到的理解就是Android的toolbar的一些相关的设置

.wxml文件

这个就是Android的小伙伴也许最熟悉的一个文件，就相当于Android的xml文件。最开始我按照自己的理解以及Androidxml的写法进行研究，发现完全行不通。我暂时没有管，然后就看下面的一个文件，请大家仔细看一下这里的布局，在布局中每一个view当中都会出现一个属性，这个属性就是就是class属性，大家很好奇这个属性是用来干什么的呢。继续往下面看

.wxss文件

在这个文件中，大家是不是看到了很多的关键字，比如：color,height,width这些关键字，也许大家已经猜到，这个文件从Android的角度去分析，发现这其实就是我们自定义Android的一些style，做Android的小伙伴，我相信很多都会把View的一些相关属性定义在我们的Style当中，这样方便复用，那么这里就不难理解，只不过小程序强制必须按照自定义的方式来设置view的属性（这句话只是我当前的个人理解）。Android的小伙伴应该一看就懂，这里面的字段大家可能没有接触过，但是一定设置过相应的属性字段。

总结

这样就把微信小程序几个重要的文件介绍了一下，学习微信小程序和学习前端是一样的，都是从自己所熟悉地方和新学的语言进行对比，都说“没有对比就没有伤害”，在学习技术的道路上，应该是“没有对比就没有进步”。好了只是简单的介绍了一下微信小程序项目的结构，小伙伴们如果有一些自己的观点和理解，欢迎一起探讨。

更多开发教程请关注小程序开发教程