2018年不到一个月过去了，虽然时间很短，但在这短短的时间里，有新的东西火了。从《跳跃》到《坦克大战》，再到《心灵之王》，微信游戏似乎一下子把时间拉回了过去。饭桌上和休息的时候，大家不是分开刷微博和笑话，而是聚在一起开始一场势均力敌的(葛)(中)(仲)(毕)战。小游戏充分利用了人们的业余时间，将娱乐和社交有效地结合起来。

迷你游戏上线前，我在看小节目，所以没有入坑。但是小游戏重重打在我脸上，它的出现让我眼前一亮，不仅让我觉得小游戏有很大的想象空间，也让我觉得微信这个平台有无限的可能性。

目前微信把小游戏当做小程序的一个品类，我们来补补，看看什么是小程序。

小程序

学习新东西最好的方法自然是看官网教程。

小程序官网是微信公众平台，其他都是外包广告~

小程序和小游戏的教程可以在官网轻松找到。微信教程也挺详细的，这里就不赘述了。

如果你按照教程，在第二步，微信会推荐你安装一个开发者工具。在这里，让我们吹一波这个工具。

接近完美的开发者工具

新版开发者工具与之前只能用于调试的代理工具完全不同，可以说是换枪换枪。

让我们来看看这个工具的神奇之处。

当你第一次打开这个工具的时候，你会看到一个类似于下面的界面，可以让你填写项目的一些基本信息。的AppID可以通过注册获得，但是即使没有AppID，也可以先创建一个项目进行开发。这里可以先选择体验小程序。

如果您选择一个空文件夹作为项目目录，模板项目的选项将出现在工具的底部。检查一下，创建的项目包含一个微信的Demo项目。当然，这个小功能并不是这个工具的亮点。在这里，单击“确定”生成一个演示项目。

登灯等等~

你感到惊讶吗？

该工具左上角的三个按钮分别控制模拟器、编辑器和调试器区域是否显示。模拟器和调试器是不是很熟悉？[滑稽]

这个开发工具可以说是浏览器、IDE、代理等工具的组合。几乎所有的开发工作都可以在这个工具中完成，不需要在应用程序之间来回切换。

整洁、干净、完美！(即将被吸粉.)

虽然PS:可以在设置中修改编辑器的配置，但是和真正的IDE相比还是有点难看。

这都是为了开发工具。更多功能等着你去探索。看完很酷的工具后，冷静下来，继续看演示项目。

WXML, WXSS 和 WXS

在演示项目中，您将看到两种新类型的文件：wxml和。wxss。这也是我之前看了(贤)衰(齐)小程序的主要原因。它没有使用标准的文件类型和语法，而是创建了一套微信自己的标准。

WXML

我们先来看看wxml里面有什么。

！-index . wxml-view class=' container ' view class=' user info ' button wx : if=' { {！hasuserinfo cani use } } ' open-type=' getuserinfo ' bind getuserinfo=' getuserinfo '获取头像昵称/按钮块wx : else image bind tap=' bindwiewtap ' class=' userinfo-avatar ' src=' { {userInfo . avatar URL } } ' background-size=' cover '/image text class=' userinfo-昵称' { userinfo .昵称} }/text/block/view view class=' user motion '

<text class="user-motto">{{motto}}</text> </view></view>

是不是又很熟悉？这不就是多了些默认组件的 vue 嘛。

需要注意的是，{{}}与引号之间不能有空格，否则会解析为字符串。其他语法层面就没有什么难点了，再撸一遍基础组件文档就差不多了。

WXSS

wxss 的变化就更小了，就多提供了一个单位rpx。

1rpx等于屏幕尺寸的 1/750。（UI 出 750 的图就很好做啦...）

剩下就提供了一些简单的选择器，类、Id、元素和前后的伪类，没有其他的学习成本。

最后说一下 wxs（Demo 项目中没有用到）。

WXS

什么是 WXS？微信官方是这样说的：

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。

wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。

但是，整个文档看下来，除了在模块的处理上有些许的不同之外，其他可以说是破产版的 js 吧。既然，它是 js 的子集，那么，都用 js 来写也没什么毛病，暂时也没有看出什么场景必须使用它。

感觉整套都是 kpi 的产物哪...

小程序其他的配置文件文档里已经写得很清晰了。至此，小程序的基础就暂告一段落，下篇将关于小游戏相关内容，敬请期待。