#创作灵感#
最近公司有一个微信小程序需要开发,老板让我学习前端,前端嘛,一般就是html+css+js。然后我就直接学习js了,但是感觉前端这些知识我知道也会用,就想直接上手写小程序。搜集了一些资料,然后下载微信开发者工具,打开后我真的无从下手,感觉那些代码熟悉又陌生,跟着一些博主写功能,可能给的代码不全吧,反正我没实现想要的功能,还无法解决报错问题。这篇文章主要是开发之前的一些基本认识,为后期开发做铺垫。
小程序账号 + 微信开发者工具 + 前端代码 + 后端数据 = 微信小程序
小程序前端开发主要使用WXML、WXSS以及JavaScript这三种语言和技术。(wxml类似于html,wxss类似于css,又不太同)
小程序开发文档:https://developers.weixin.qq.com/miniprogram/dev/framework/
1、访问网址,安装工具
微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2、安装后,扫码登录
3、创建小程序
点击"确定",
4、项目目录结构
微信小程序目录结构:https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html
5、新建页面步骤
(1)新建文件夹
- 哪个page在最上面,默认显示哪页
- json要求严格语法,不能有多余的注释和逗号
(2)新建页面
右键"新建Page",
右边打开的app.json文件,目前显示的首页是index页面(第一个路径就是首页)