不知道大家有没有看过一个很火的TED演讲&＃xff1a;只需20个小时&＃xff0c;你就能学会任何事情。现在你可以花两分钟来了解以下大概思路。

我们经常想要做一件事&＃xff0c;却总是行动艰难。是害怕失败吗&＃xff1f;不&＃xff0c;主要是难在‘开始’。一个无聊的下午&＃xff0c;我突然心血来潮&＃xff0c;想开发一个微信小程序。但是我对小程序开发一无所知&＃xff0c;也没有接触过HTML、CSS和Javascript。一开始有些手忙脚乱&＃xff0c;不知所措&＃xff0c;只能慢慢地翻阅文章&＃xff0c;看视频教程。但是我用了短短的时间&＃xff0c;还是做出了一个框架&＃xff0c;来听听我是怎么入手吧。

首先&＃xff0c;下载微信开发者工具

搜索”微信开发者“&＃xff0c;点击稳定版Stable Build | 微信开放文档。也可以在微信公众平台进入。

我下载的是稳定版Stable Build Windows 64版本

安装好扫码登陆就可以开始启航了

开始编写小程序

我是输入AppID登录的&＃xff0c;具体AppID怎么获取&＃xff0c;大家可以网上进一步了解。你也可以游客方式登录&＃xff0c;直接新建项目。

app.json是对小程序的全局布置,本文的代码和效果都是在app.json中实现。

---

以我的想法为例子&＃xff0c;我想开发一款叫做‘迷茫排解器’的小程序。主要思路是让用户匿名方式叙说自己内心的迷茫&＃xff0c;别的用户帮助进行排解&＃xff0c;再加上一些解压的小零件等等。当然&＃xff0c;本文只是简单介绍框架。

---

全局配置&＃xff1a;app.json

• “page”是设置页面路径&＃xff0c;我设置了两个标签栏&＃xff0c;分别是(home[index标签栏]、house[logs标签栏])&＃xff1b;

• “window”是设置默认页面窗口表现&＃xff0c;对导航条颜色#EEE000、文本内容“迷茫排解器”的设置等&＃xff1b;

• “tabBar"是设置底部tab的表现&＃xff0c;对pagePath页面路径、selectedIconPath选中时图片路径的设置等&＃xff1b;

{  "pages": [     "pages/index/index", "pages/logs/logs"  ],  "window": {    "backgroundTextStyle": "light",    "navigationBarBackgroundColor": "#EEE000",    "navigationBarTitleText": "迷茫排解器",    "navigationBarTextStyle": "black"  } "debug":true, "tabBar":{ "color":"#444", "selectedColor":"#219bf3", "backgroundColor":"#EEE001", "borderStyle": "black", "list":[ { "text":"Home", "pagePath": "pages/index/index", "selectedIconPath":"images/3.png" }, { "text":"house", "pagePath": "pages/logs/logs", "selectedIconPath":"images/2.png" } ]}

以上代码呈现如下效果&＃xff0c;虽然还是个空壳&＃xff0c;但是等我再无聊的时候&＃xff0c;利用我学过C语言和python的基础&＃xff0c;再进一步学习前端语言&＃xff0c;争取填满这个空壳。

大家有没有开发小程序的欲望&＃xff0c;欢迎评论区留言