下载开发者工具
连接地址:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
注册小程序AppId等信息
连接地址:https://mp.weixin.qq.com/
创建项目
第一个小程序
2.鼠标移动到项目名的哪一行,点击+号,创建app.js,app.json,app.wxss文件
3.新建文件夹,名为pages
4.右键pages,点击新建文件夹,输入home,然后右键home,点击新建page,输入home,会出现 home.js,home.json,home.wxml,home.wxss四个文件,同时app.json中也会出现home页面被添加 到pages的数组中(pages数组中的第一个页面为启动页面,当前启动页面为pages/home/home)
5.编写布局文件,点开pageshomehome.wxml文件,添加一个text,名为hello world。此时保存,可以看到模拟器上出现hello world。
6.设置text的颜色,点开pageshomehome.wxss,添加如下代码,保存即可。
真机调试
点击开发工具上的预览,选择自动预览,点击编译并预览,即可再真机上看到效果,真机的微信必须和开发工具的微信保持一直,并且微信在前台运行。
如果更详细一点就好了