2022-03-31 17:09

微信小程序环境搭建

码自答

其它

(533)

(0)

收藏

微信小程序环境搭建。

1 下载微信小程序开发工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

image.png

2 开发工具使用

开发工具可以以两种方式使用,第一种游客模式,第二种微信小程序注册用户模式.

1) 游客模式

image.png

image.png

image.png

image.png



2)微信小程序注册用户

首先去微信小程序官网注册微信小程序开发用户,申请开发appid。

网址:http://mp.weixin.qq.com

image.png

image.png

image.png

成功登录以后,在开发管理中间可以找到AppID。


打开开发工具:

image.png

用注册时留下的微信号,扫开发工具上的二维码。

image.png

image.png

image.png

预览:可以通过申请微信小程序的微信号扫二维码预览,其他微信不可以预览。

上传:可以将微信小程序上传到申请的微信小程序账号。

重新登录微信小程序账号。可以看到上传的小程序,点体验版,其他微信账号可以扫二维码进行预览。

image.png


3)小程序的程序结构

image.png

*.js是脚本文件,主要写JavaScript程序,比如点击事件等等。

*.wxss是样式表文件,可以理解成就是写样式表。

*.json是配置文件。

*.wxml是页面结构文件,可以理解成页面显示的内容

app相关的文件,是针对整个小程序

index相关文件,是针对小程序的首页



0条评论

点击登录参与评论