不会代码，但却让你可以撸出一个小程序

实际上，撸出的小程序能在开发环境预览，能在真机上体验，但是缺少服务端逻辑。也就是说，能做出的是一个高保真原型。但不同的是，这个原型如果配上后端逻辑，是能真正发布的。

从11月小程序开放公测，就有很多提供建站工具的网站为小程序提供制作工具，这里介绍的coolsite360，就在11月4日它就发布了小程序设计工具。

下面我们演示一下如何用这个工具来制作一个小程序，主题就用“到此一游”。

1，访问

注册一个账号；

3，然后就是一个空白的页面了，左侧有许多的部件可以通过拖拽的方式放进来，基本跟一些编辑器软件差不多。

右边可以调整拖进来部件的属性，大小啊，颜色啊，大家可以试着玩一玩。

这里我们从左侧的部件->组合里面把第一个拖出来放到页面上。

4，然后，按照我们的产品想法改改文案，感觉像那么回事就行。

LBS社交，得有距离，得有照片，这样会比之前只是文字更有吸引力？

如果不满意，可以通过右侧的层级管理来删除你不需要的部件

不小心删除文字的话，可以在别的位置复制一个然后贴过来

5，然后我们再建一个详情页

从部件->组合里把最后一个组合拽出来放到页面上

把页面下面的“使用app窗口配置”勾选去掉，这样这个页面就有自己的标题了。

6，然后把图片的地址换成刚才页面上的美女

改一改文案，立马从卖货的变成交友的软件了。

7，最后，为首页上的照片添加点击动作，目标是详情页

8，点击左侧的“保存”->“预览"，就可以试试小程序的切换效果。点保存下面的导出，就可以下载到一个zip文件。

9，打开从官网下载的小程序开发环境，新建一个“无AppID”的项目，链接就指向刚才下载解压之后的目录，点击“添加项目”。

10，在你的开发环境中，就有一个小程序的半成品了，你可以点击左侧的调试，来试试刚才你设置的交互。是不是很带劲？

如果你已经有了通过认证的开发者账号，也可以上传到开发者后台，在真机上预览这个交互了。

以上，就是coolsite360工具能够做到的，虽然不是一个完整的小程序，但至少可以拿去做做演示，然后告诉别人：“我离改变世界，真的就只差一个程序员了”。

目前，coolsite360工具提供的组件还不是很多，比如点击“相机”图标，就没有一个很好看的发布工具，不过据说马上会加上啦。