微信小程序基础及使用步骤(一)
微信小程序要熟悉和学习的两个网址
在线文档:https://mp.weixin.qq.com/debug/wxadoc/dev
微信公众平台:https://mp.weixin.qq.com
获取小程序的AppID
在微信公众平台的开发设置里有微信小程序的AppID
并且在微信公众平台的首页也有入口(自行查找)
创建一个小程序项目
注意这里要选择建立普通快速启动模板,然后要填写自己小程序的AppID
介绍微信开发者工具的组成
微信开发者工具快捷键
补充:Ctrl+P快速打开某个文件
了解微信小程序的四大标准和web三大标准
文件类型 | 必填 | 作用 |
---|---|---|
js | 是 | 页面逻辑(微信小程序没有window和document对象) |
wxml | 是 | 页面结构(XML 语法,不是HTML语法) |
wxss | 否 | 页面样式表(拓展了rpx尺寸单位,微信专属响应式像素) |
json | 否 | 页面配置(不能写注释,否则会编译报错) |
注意:微信小程序页面目录下,.js和.wxml文件是必须的。
微信小程序文件以及包含信息
1、project.config.json文件
这个json文件中包含了小程序的一些基本信息,其中有一项为libVersion,这是关于小程序对应的版本号,右上方有一个详情,在里面可以找到小程序更详细的信息,要注意项目设置里面有一个调试基础库,里面可以选择不同的版本,我们要选择用户占比比较高的,这样有利于兼容性处理。同时修改了这里的信息,在json文件的代码中也会相应的改变。