vue框架小程序开发技术学习报告

我们需要做的是一个扫码点餐系统，从便捷性上看，基于微信小程序的前端是一个非常不错的选择。微信小程序开发的官方IDE提供了一个框架，框架和vue开发类似，方便学习。

---

申请账号以及下载IDE

要开发微信小程序，首先就是要申请账号以及下载IDE，具体步骤如下：
1.官网注册https://mp.weixin.qq.com/，并下载IDE。
2.查看官方文档并学习。

注意事项

（1）注册账号之后会有一个appid，新建项目的时候需要填上，不然很多功能是用不了的，比如不能预览，不能上传代码等等。
（2）如果你注册过微信公众号的话，一定要注意，微信公众号和小程序是两个账号，二者的appid也是不同，小程序开发必须使用小程序的appid哦。

---

app.js

app.js是整个项目的启动文件，可以通过js的脚本实现浏览器缓存进行存和取数据；登陆成功的回调；获取用户信息等等。
globalData是定义整个项目的全局变量或者常量。

---

app.json

app.json是整个项目的配置文件，它指定了项目的启动页面以及样式表，也可以自己设定样式。

---

pages文件夹

里面存放着小程序的页面，有几个页面就有几个文件夹。

---

index文件夹

与普通的web开发类似：
1.index.wxml对应index.html。
2index.wxss对应index.css。
3.index.js就是js文件哦。
一般我们还会给每个页面组件添加一个.json文件，作为该页面组件的配置文件，设置页面标题等功能。

---

这就是首次技术学习报告的内容，学习理解了小程序官方框架的构成和用途，具体实现会在后面进行学习。