万事须己运，他得非我贤。这篇文章主要讲述hello-weapp微信小程序最简示例教程相关的知识，希望能为你提供帮助。
https://github.com/dingyiming...
仓库：https://github.com/dingyiming...
- 打开微信小程序官方开发文档，最好全篇看一遍，基本上就会了。
- 点击文档中 工具 选项卡中 下载工具页面 下载对应系统版本的微信开发者工具
- 【hello-weapp微信小程序最简示例教程】注意：脱离微信开发者工具是不能调试的
- 【hello-weapp微信小程序最简示例教程】注意：脱离微信开发者工具是不能调试的
- 好了，安装下工具即可打开,看到选择项目的界面，点击添加项目
文章图片
- 添加项目,没有app id就选择无AppID, 勾选在当前目录中创建quick start项目，直接有个简单的示例,
文章图片
- AppID 是微信开发者官方授权开发者的一个凭证， 目前只有200家受邀内测的公众号才有，所以咱们就通过无AppID开发调试吧！主要限制如下：
文章图片
- 然后点击添加项目即进入具体项目的开发环境
文章图片
- 我们先看看目前有的文件目录，点击左侧 编辑 按钮 打开所有文件目录
文章图片
- 查看文件目录说明
注意：为了方便开发者减少配置项，微信规定描述页面的这四个文件必须具有相同的路径与文件名。这个很关键，不能随意创建目录以及文件与页面关联
文章图片
- 从官方文档得知 ，必须有的几项
文章图片
文章图片
- 最简示例至少有一个简单的页面，所以，接下来我们删除一些文件来看最简示例的项目结构吧！
- 先删除多余目录以及文件剩下，如下文件，
文章图片
- 这时候，点击左下角的编译按钮，可以看到控制台大大的报错了，一看便知是少了logs这个目录，因为刚刚被删除了，
文章图片
- 那我们去 app.json配置项中找到页面配置去除多余内容吧
文章图片
- 剩下这样的应用配置
文章图片
- 点击编译，清除控制台可以看到没有报错了，
文章图片
- 点击编辑，打开
/pages/index/index.wxml文件
文章图片
- 改成下面这样
文章图片
- 点击编译，ok最简示例hello weapp 完成了
文章图片
- 其中wxml的写法可以看 官方组件文档，接着尝试各种吧！
- 微信小程序中不能直接使用html，必须严格使用官方的组件库来开发页面显示，并且微信小程序中没有window和document对象，自然类似jquery/zepto 都是无法使用的
文章图片
- 如果要问ajax怎么办？微信自然帮我们实现了一个接口来做数据通信的事情，请看这里
文章图片
- ok 了，可以开始进一步熟悉微信小程序每一个组件和API来做应用了。
- 更多资源 访问 https://github.com/dingyiming...
推荐阅读
- web.xml中web-app标签标红问题
- 安卓开发之限权管理
- Mybatis注解形式tkmapper中Example的复杂查询
- Citrix XenApp安装SEP杀毒软件后隐藏SEP图标
- SpringBoot_application.yaml配置
- NetCore MimeMapping获取MIME
- 四大作用域（application,session,request,page）
- linux键值转android键值配置文件
- uni-app 全局变量的几种实现方式