1.首先在微信小程序页面注册帐号,https://mp.weixin.qq.com/,邮箱确认以后会有一个appidhtml
2.下载微信小程序开发工具:vue
3.安装好,而后扫码登陆,建立新项目或者选择导入项目,勾选下面这个选择,建立基本的项目目录:json
界面就是这样子:小程序
4.介绍一下这个工具,感受还挺好用的,保存自动编译,能够真机预览和调试,切换尺寸==微信小程序
5.这个自动建立的文件目录也很好理解:微信
6.微信提供了不少自定义的 样式,在app.json中举例配置一下,除此以外还有其余的可配置项在官方文档中写的很详细:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.htmlapp
7.微信小程序和vue比较像 用到的变量,在js中的data中进行定义,经过 {{ }} 的语法把一个变量绑定到界面,同时view至关于div:工具
8.wx:if="{{}}" wx:for="{{}}" data-id="{{}}"都和vue很像,同时注意不能随便空格开发工具