1、sitemap.json
链接:
小程序页面接入效果优化建议 | 微信开放文档 (qq.com)
在微信小程序中,点击“搜索小程序”,在其中输入关键词即可看到许多推荐。这里desc中设置的便是我们设计的小程序的关键词,如下图所示
设计的小程序可能存在很多界面,各个界面访问权限在rules中设置,如图所示。
2、project.config.json 和 project.private.config.json
链接:
这两个对应“详情”中的“本地设置”
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
链接:
也是一个配置文件。前面提到的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保存即可生成新文件夹。
对于多个页面设置优先访问顺序:
①直接修改,谁在前先访问谁
②添加编译模式
“普通编译”是默认打开顺序,添加编译模式是设置指定打开顺序
为方便查看,可以在添加编译模式时,在“模式名称”进行重命名,否则默认名称为页面路径。