起风网微信小程序商城开发—真机测试有用！！！！
回复“微信小程序”
关注“kk大叔”
回复“微信小程序”，
拉你入群或者留言解决问题
目录
github地址：https://github.com/htmlk/wechat
官方文档
实例教程
本实例纯属个人编写，侵删
一、环境搭建
在官网文档找到自己电脑适合的版本下载，直接安装（本人不建议使用破解版)
接下来会提示使用微信二维码登录，直接扫码登录
二、下载demo
直接使用git工具clone 上述代码，点击添加项目，将本程序添加到项目中即可！
（appid选择无AppID，项目名随便取不一定是文件名，选择下载下来的目录）
三、开始编写代码
进入调试页面（左边是调试预览，右边是类似于谷歌网页调试的工具）
image
进入编辑代码页面
image
1、app.json是项目的配置文件，如右图显示，
第一部分（黑色框）是pages是整个里的页面，每添加页面一个页面，都要把路径写在这里：
第二部分tabbar只要配置这些文件就可以产生app底部的导航（具体可参见文档）
第三部分是widows全局配置
2、pages是指你每个页面里面有四个文件json（配置文件)，js（自己编写的js），wxml（相当于html），wxss（相当于css）
3、公共文件可以一般存储在远端，目前开发可以在本地新建，例如images（不能使用icon文件）
4、更多详细可以联系博主
项目演示
更多代码
- 微信小应用示例代码(phodal/weapp-quick)
- 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)
- 微信小应用- 掘金主页信息流(hilongjw/weapp-gold)
- 微信小程序（应用号）示例：微信小程序豆瓣电影(zce/weapp-demo)
- 微信小程序-豆瓣电影(hingsir/weapp-douban-film)
- 小程序 hello world 尝鲜(kunkun12/weapp)
- 微信小程序版2048小游戏(natee/wxapp-2048)
- 微信小程序-微票(wangmingjob/weapp-weipiao)
- 微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)
- 微信小程序V2EX(jectychen/wechat-v2ex)
- 微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)
- 微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)
- 微信小程序版Gank客户端(lypeer/wechat-weapp-gank)
- 微信小程序集成Redux实现的Todo list(charleyw/wechat-weapp-redux-todos)
- 微信小程序-番茄时钟(kraaas/timer)
- 微信小程序项目汇总
- 微信小程序版聊天室(ericzyh/wechat-chat)
- 微信小程序-HiApp(BelinChung/wxapp-hiapp)
- 小程序Redux绑定库(charleyw/wechat-weapp-redux)
- 微信小程序版微信(18380435477/WeApp)
- 小程序开发从布局开始(hardog/wechat-app-flexlayout)
- 微信小程序-音乐播放器(eyasliu/wechat-app-music)
- 微信小程序-简易计算器-适合入门（dunizb/wxapp-sCalc）
- 微信小程序-github(zhengxiaowai/weapp-github)
- 微信小程序-小熊の日记(harveyqing/BearDiary)
- 微信小程序(Seahub/PigRaising)
- 微信小程序(WeChatMeiZhi妹子图)
- 微信小程序快速开发骨架
- 微信小程序 – Artand 最专业的艺术设计平台
分析轮子
经验分享
1、出现空白，没有报错，有可能是因为json是空。加一个{}就好了
文章转载于:https://www.jianshu.com/p/70ee8f75f7e0
原著是一个有趣的人,若有侵权,请通知删除
评论前必须登录！
立即登录