J9国际集团|Home

135-2716-3909
网站建设资讯详细

微信小程◢序制作之◉入门级开□□□□发教程

发表日期:2026-07-24 09:35:52   作者来源:陈应信   浏览:3454   标签:微信小程序制作    
随着微信的迅速发展,微信小程序也得到快速发展,现在使用的场景也越来越多,最常见的是我们都会打开健康码,行程码等的手机页面都可以使用微信小程序,下面谈谈微信小程序一些入门级的开发教程。
 
 首先要安◆装一个微□□信开发者□□□□工具的软◎件,如果没有◣可以到微□□□□信开发者□□□□网站去下✦载,一般情况□□□我们下载◣稳定版就◆可以了,如下图所□□□示:

 然后打开□□微信开发□□□□者工具,然后点击□□□□左上角的“项目”->“新建项目”,如下图所□□示:

新建项目

然后输入△项目名称,还要最重•要的AppId,如果还没○申请微信◇小程序账●号,可以先使□□用测试号,如下图所◈示:

创建小程序

点击确定后,就创建了一个新的小程序项目了。

 
第三,我们可以□□□看到新的❖小程序界丨面,左边显示□□□的是世界□□上的最有❖名的提示□□语”Hello World!” ,这是小程□□序默认的□□一个首页□□□□页面,右边显示▲的就是小✦程序的文□□件了,如下图所□□□示:

小程序开发界面

接下来我们讲一讲这些公用文件的用处,
page:就是小程□□序的内容□□□□夹,所有要打□□开的页面❖都在这里,例如page/index/index.wxml就是首页▽的页面。
utils:用来放置□□□□各种各样□□□□的JS文件,例如小程□□□序的登录JS文件,调用接口□□的JS文件等。
App.js:这是一个□□□必须的文□□□□件,也就是小□□□□程序的公□□□共的JS文件,一些小程□□序配置,调用接口□□的URL,获取设置□□的信息等□□都行。
App.json:主要是用□□□□来限制小□□程序能打□□开哪些页□□面,底部的自□□□□带菜单的□□□设置也在□□□这里配置,如下图所□□示:

json文件

Project.config.json:项目配置□□□文件,一般默认丨就行,不需要设□□□□置,如果要更□□□□改AppId,可以在这▼里更改。
Sitemap.json:没什么用,不用管。
 
以上就是□□□□讲了小程◥序自带的□□□□文件和文◇件夹的一□□些作用,文件夹并※不是一定□□□要这样命□□□名,但我们使丨用默认的□□□□是最方便□□的了。
如没特殊注明,文章均为J9国际集团原创,转载请注明来自https://www.lyzhuzao.com/news/6499.html