小编这里教大家一个非常简单快速的方法制作一个简单的小程序,不管是工作还是生活教学方面都用的上。基本思路是用参考前人成熟小程序代码,然后自我学习、消化、化他为己、进而学以致用。在这之前,你需要把小程序的参考文档和工具熟悉一下。

新手如何自己制作小程序插图

工具/原料

电脑

小程序源码

创建小程序项目

1

打开微信web开发者工具,点击+号,开始创建一个小程序。毒大哥是我已经创建好了的一个示范小程序项目,这里仅供参考。

2

创建一个小程序项目需要:项目命名、小程序的Appid、配置本地开发目录。一个三个步骤。

3

小程序的APPID需要打开浏览器,登陆网页版微信小程序管理后台。设置-开发设置-复制AppID。

4

配置小程序项目的本地目录,这里暂且使用F盘/毒先生 作为示范。接着在网上下载一套小程序模版源码。

新手如何自己制作小程序插图1

新手如何自己制作小程序插图2

新手如何自己制作小程序插图3

新手如何自己制作小程序插图4

新手如何自己制作小程序插图5

5

百度上搜索一下 小程序模版源码下载,随便点击一个一般都免费可以获取到一个简单的小程序模版源码。

6

这里我示范的找了几个小程序模版,关键是把模版的源码下载下来可以。一般选有电商性质的模版好一点。

新手如何自己制作小程序插图6

END

导入小程序源码

1

网上下载完小程序模版源码之后,压缩包解压,找到大黑方框的内容,全部复制。

2

找到创建的小程序本地开发目录,这里是F盘/毒先生 目录,将大黑方框的文件全部复制进目录。

3

打开微信web开发者工具-项目-预览-扫码-编辑。可以看见网站上面展示的小程序模版了。

4

如图所示,用鼠标或者手机点击小程序模版里面的控件链接测试一下,进而根据需求对模版源码进行自定义更改、学习、化他为己用。这样一个简单的小程序做成了。

新手如何自己制作小程序插图7

新手如何自己制作小程序插图8

新手如何自己制作小程序插图9

注意事项

小程序本身并不是很复杂,会编程的自然更好。

整个流程比较简单,涉及编程的任务少,适合新手练习和学习

作者 nasiapp

在线客服
官方客服
我们将24小时内回复。
12:01
您好,有任何疑问请与我们联系!

选择聊天工具: