《微信小程序》Hello 微信小程序

###简介
微信小程序,最近声音比较大,开始慢慢学习一下这个小东西,从安装开发工具开始吧,不会JS,学起来会不会很吃力呢?

###注册账号
参考官方网站

###开发工具
1.微信Web开发工具
这里写图片描述
2.官方下载地址,针对自己不同的电脑下载不同的版本使用吧
3.打开IDE(不知道这个轻量级的算不算IDE),快速开发
《微信小程序》Hello 微信小程序_第1张图片
4.没有AppID的不填写,勾选“在当前目录中创建quick start项目”直接创建项目就可以看到"Hello World" APP了

###Hello WeChat App
1.初始工程代码结构
《微信小程序》Hello 微信小程序_第2张图片
2.左侧菜单分为“编辑”,“调试”,“项目”,"编译“和“关闭””五个菜单
3.中间主界面分为预览界面,文件结构界面和编辑界面
4.执行编译后,小程序方可运行,编译错误会在顶部提示并且可以在控制台看到明显的报错信息,应该和网页的调试方式项目(本人没开发过网页,汗颜)

###实际效果
《微信小程序》Hello 微信小程序_第3张图片

你可能感兴趣的:(微信小程序)