首先搜索 微信小程序api
进入页面,然后 申请账号
登录 小程序后台 ,我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了
小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。
有了小程序帐号之后,我们需要一个工具来开发小程序。
安装开发工具
前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。
扫码登陆
之后会出现这样的界面
点击 +
可以选择填写之前注册的AppID,也可以使用测试号,由于我在学习观看的视频中使用的是测试号,所以接下来的界面都是使用测试号而出现的界面。
使用AppID和测试号登录出现的界面不同,扫码登陆和游客登陆也不一样,这点说明一下。
点击测试号后会出现这样的界面
点击 确定 之后,开始微信小程序开发
模拟器 编辑器 调试器 可视化,都是可以点击出现和取消的
点击图标就可以
目录
pages是页面,里面有两个文件夹
一个index,一个logs,index就是管下面这个界面的
utils是公共文件夹,里面存放时间戳,可以删掉,没用
js是逻辑层;
json是配置项;
wxml是html;
wxss其实就是css,为了区分,所以是微信ss,这是一个样式文件,长宽高,颜色都在这里
pages里面一个文件夹代表一个页面
前面有app,这是入口文件,在里面写的东西会对全局造成影响
container权限最高,会覆盖其他操作
project.config.json是配置项,和本地设置有关联
勾选和取消本地设置,代码会发生改变
sitemap.json是索引
修改 页面在index里面操作,在index.wxml操作
把东西全部删掉,点击编译,左边页面就会清空
把app.wxss清空,因为会影响全局
把index.wxss清空,重新编写,然后点击编译
在app.json里面,把index和logs换位置,就能看见logs
在pages单击右键新建文件夹news
在news单击右键新建page,输入新建文件夹一样的名字,回车
就会出现新建好的文件,是一个页面
有更简单的方法,就是在app.json中直接输入"pages/news/news"
把"pages/news/news"挪到最上面就能看见这个界面