很多朋友从开始了解微信小程序开始,就想知道如何开发小程序,也找到了各种心怡的程序Demo源码,看了几张截图很心动,可是怎么才能让这些源码跑起来,看看实际效果,是否有自己想要的内容呢?
带着这个问题,似乎网上很少能找到到这样的文章来帮助大家快速实现这个目的。
这里整理了比较轻松简单的步骤,轻松上手。
timg.jpg

第一步:到官网下载官方开发平台IDE工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

IDE下载.png
如上图,选择自己电脑对应系统的版本。

第二步:安装【微信WEB开发者工具】,然后运行,扫二维码登录,界面如下:
扫码登录.png

微信开发者工具.png
第三步:添加项目,选择【无APPID】,填写【项目名称】,并【选择】源码的目录位置,点击【添加项目】。
添加项目.png
完成后如下图:
选好项目.png
第四步:点击编辑,就可以看到程序运行后的效果。因为编辑器是实时保存运行的,只要代码修改后保存一下,界面的代码就会重新运行,看到效果。
开发工具界面.png
如下图是小程序官方组件展示的Demo代码调试的效果。
项目界面--编辑.png
如果要运行其他的Demo源码,可以退出项目,操作如下图:
退出项目.png
再次登录就需要重新扫二维码,添加项目地址,如第三步所示。

完成了项目的加载,即可运行微信小程序Demo源码了。当然网络上下载的源码,很多都是实现部分功能的,也有不少是存在错误的。需要各位去调试和修改。
建议大家可以多去下载一些Demo源码,并根据需要去运行和查询相关的代码,当我们对程序结构和编程方式非常熟悉后,可以通过建立自己的代码库,以便有项目时可以快速使用之前见过,或者用的某个项目中的代码,来达到快速开发的效果。

我们51小程序论坛也有专门的一个版块,提供大家下载Demo源码:微信小程序源码下载
也非常欢迎各位在开发过程中,发布自己的的项目代码,跟大家分享和交流。感谢您的参与和支持。

51小程序精选25款免费小程序源码demo下载

1.免费小程序源码下载:城市选择
2.销售龙虎榜[全栈]---微信小程序源码下载
3.星级评分---小程序源码下载
4.微信小程序学习用demo:教务系统
5.微信小程序实验源码:极客学院
6.小程序“火车票查询”源码下载啦
7.微信小程序学习用demo:手势解锁
8.微信小程序学习用demo:外卖
9.“天气预报”微信小程序源码下载
10.微信小程序实验源码:课程报名
11.微信小程序学习用demo:热门公众号文章
12.免费小程序源码下载:车货匹配
13."点餐"微信小程序源码下载
14.微信小程序源码之《生鲜商城》
15.微信小程序学习用demo:canvas时钟
16.免费小程序源码下载:爱拼宝宝
17.微信小程序源码之《小厨房》
18.微信小程序实验源码:汇率计算
19."查拼音"小程序源码下载
20.免费小程序源码下载:创客+
21.微信小程序实验源码:法律手册
22.微信小程序实验源码:歌词搜索
23."借款申请"微信小程序源码下载
24."家居在线"微信小程序源码下载
25.微信小程序实验源码:事项助手
参与人数 1H币 +1 收起 理由
Leo_SFRX1 + 1

查看全部评分

分享到 :
1 人收藏

18 个回复

倒序浏览
TheBeauty2017  管理员 | 2017-2-6 10:40:22
哇塞,用心了。谢谢分享,小程序源码现在很热销啊
肖大神  小程序牛人 | 2017-2-22 10:29:14
这个教程真的挺适合新人的
icey830  小程序菜鸟 | 2017-3-9 22:51:42
好好学习学习
VIP  小程序菜鸟 | 2017-4-1 09:58:09
支持一下
13591199172  小程序菜鸟 | 2017-4-1 13:56:56
气温气温
13591199172  小程序菜鸟 | 2017-4-1 13:57:16
2qewqwequyiuyuiuiy
LINZHIFENG  小程序菜鸟 | 2017-4-6 10:10:40
老铁 没毛病
新鲜的秋刀鱼  小程序菜鸟 | 2017-5-7 14:00:29
谢谢分享。小白受教了。
wx_pW119t18  小程序菜鸟 | 2017-8-23 17:35:15
感谢分享
您需要登录后才可以回帖 登录 | 朕要注册

本版积分规则

手机版|51小程序,商务合作QQ: 3352085720 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部