微信小程序——文件介绍

1、sitemap.json

链接:

小程序页面接入效果优化建议 | 微信开放文档 (qq.com)

在微信小程序中,点击“搜索小程序”,在其中输入关键词即可看到许多推荐。这里desc中设置的便是我们设计的小程序的关键词,如下图所示

设计的小程序可能存在很多界面,各个界面访问权限在rules中设置,如图所示。

2、project.config.json 和 project.private.config.json

链接:

项目配置文件 | 微信开放文档 (qq.com)

这两个对应“详情”中的“本地设置”

project.config.json中的是创建项目时系统的默认设置

project.private.config.json中的是开发者自己新选择的设置。如图所示为上文提到的“不校验”设置。需要注意的是,代码中“urlCheck”指的是校验,所以flase时表示不校验,此时与自己勾选不校验表示同一个意思。

需要注意的是,project.private.config.json中的设置信息优先级高于project.config.json中的,所以当想恢复原始设置时,将project.private.config.json中的信息删除即可。

3、app.wxss

微信小程序开发中,将许多东西后缀名进行改变,用“wx”即“微信”简称替代,但是使用方式没有多大区别。比如“wxss”相当于“css”。

需要注意的是,虽然存在标签选择器、id选择器,但是官方建议只用类选择器。如图所示创建一个类container,在类中进行设置。

4、app.json

链接:

全局配置 | 微信开放文档 (qq.com)

也是一个配置文件。前面提到的project.config.json、project.private.config.json配置的是整个工程,比如整个工程按照什么语法,访问需不需要安全校验等设置。而app.json针对的是项目做配置。

5、app.js

项目入口,已被封装于小程序中。需要注意的是,App({})中的{}在需要传参时候可使用,比如想自定义配置。

6、eslintrc.js

链接:

Configure ESLint - ESLint - Pluggable JavaScript Linter

ESLint 是一个用于检测和修复 JavaScript 代码错误、规范和风格问题的工具。它可以帮助开发者在编码过程中提高代码质量和规范性。

.eslintrc.js 是 ESLint 的配置文件,用于指定 ESLint 的配置选项。例如,你可以在该文件中设置代码的风格规范,如缩进、引号使用、命名约定等。也可以配置自定义的规则,或者使用第三方库提供的插件来扩展 ESLint 的功能。

系统默认,不需要改动。

7、pages

在pages下的文件夹,每个文件夹里最多包括四个文件(.js / .json / .wxml / .wxss),而且文件名与文件夹名相同,只是后缀不同。

.js:页面入口文件,与app.js相似

.json:页面配置,可参考页面配置 | 微信开放文档 (qq.com)

.wxml:页面设置

.wxss:自定义类选择器;与app.wxss相似

当想创建新页面时,可以通过全局配置文件app.json进行,简化手动创建文件夹再手动创建四个文件的步骤。如图所示,Ctrl+S保存即可生成新文件夹。

对于多个页面设置优先访问顺序:

①直接修改,谁在前先访问谁

②添加编译模式

“普通编译”是默认打开顺序,添加编译模式是设置指定打开顺序

为方便查看,可以在添加编译模式时,在“模式名称”进行重命名,否则默认名称为页面路径。

猜你喜欢

转载自blog.csdn.net/weixin_58963766/article/details/131615556