从零开始写小程序启动界面

本文介绍了如何从零开始创建微信小程序的启动界面。在删除默认文件后,新建app.js、app.json和app.wxss,并在welcome.wxml中添加Hello World显示。遇到启动界面配置错误时,通过修改app.json指定小程序入口。接着,通过WXML和WXSS实现UI布局,包括图片、文本和容器的样式设计。对于没有前端基础的读者,建议先学习HTML、CSS和JavaScript基础知识。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们创建微信小程序都是有默认的启动界面的,我现在把它默认的文件都删除了,因为是新手么,所以想自己练练,然后我们要创建app.js ,app.json,app.wxss这三个配置文件

然后点击对应的,创建文件就可以了

比如我新建了如下项目结构:

然后我们在welocme.wxml中写一个文件控件显示hello world

<view>

<text>hello world</text>

</view>

然后运行起来.

打开调试器发现报错了,那么因为小程序不知道你启动的是哪一个界面,这就好比我们创建了一个activity,然后你跳转过去,但是你没在mainfest.xml文件中配置,这个时候就要报错,那么这个怎么解决呢?一般二种解决方案,你之前创建的小程序 去app.json中找相关配置 然后修改,还有就是去官网文档查找。

{

"pages":[

"page/welcome/welcome"

]

}

这是指定小程序入口的地方,ok,这就是创建了一个小程序启动界面了.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值