广告
欢迎大家一起交流 QQ群 139852091 公众号
![](https://i-blog.csdnimg.cn/blog_migrate/618189f07a7ffa35254587a2bc47dfda.jpeg)
我是jpg
1、工具
工具使用微信开发平台提供的微信web开发者工具:官方连接
2、初试
创建微信小程序
![](https://i-blog.csdnimg.cn/blog_migrate/b1b960c1d385488b261324fcee59c24b.png)
image.png
![](https://i-blog.csdnimg.cn/blog_migrate/fea67b197aa2dd7494341f924a003a35.png)
image.png
因目前为测试学习阶段,我们没有AppID,点击无AppID即可,无 AppID 部分功能受限,例如支付等接口
微信小程序框架包含
![](https://i-blog.csdnimg.cn/blog_migrate/76c8b84baccff74aca7d804b88836352.png)
image.png
一个框架程序主体部分由三个文件组成,必须放在项目的根目录主要由 app.js app.json app.wxss,分别作用如下:app.js:负责小程序逻辑app.json:负责小程序公共设置app.wxss:负责小程序公共样式表(类似于baseCss文件)
每个页面由以下四个文件组成:
![](https://i-blog.csdnimg.cn/blog_migrate/2543ddd5928440cf4e55105ec9df55b8.png)
image.png
js:页面逻辑(js)wxml:页面结构(html)wxss:页面样式表 (css)json:页面配置
写过html的童靴知道js和html文件是必须存在的,所以在小程序中 js、wxml两个文件是必须存在的
今天先看到这里下一个总结以下tabbar
广告
欢迎大家一起交流 QQ群 139852091 公众号
![](https://i-blog.csdnimg.cn/blog_migrate/7ae6c5e94466732f7d48fb5c10ac6c99.jpeg)
我是jpg