微信小程序基础及使用步骤(一)

微信小程序要熟悉和学习的两个网址

在线文档: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文件的代码中也会相应的改变。
微信小程序基础及使用步骤(一)