微信小程序快速入门【二】
文章目录
- 微信小程序快速入门【二】
- 👨🏫内容1：背景
- 👨⚖️内容2：项目结构
- 👨💻内容3：项目配置文件app.json
- 👨🚀内容4：项目配置文件project.config.json
- 🍉文末推荐 👨🏫
👨🏫内容1：背景
🙋♀️上一篇文章我们已经入门了小程序开发，申请了小程序号，也准备了开发环境，今天我们来分析一下小程序的项目结构。
🌸🌸🌸🌷🌷🌷💐💐💐🌷🌷🌷🌸🌸🌸
👨⚖️内容2：项目结构
🎃小程序的项目结构：
👉小程序的项目结构如下图所示，小程序的项目主要包含四种文件：
- 1️⃣ .json 后缀的 JSON 配置文件
- 2️⃣ .wxml 后缀的 WXML 模板文件
- 3️⃣ .wxss 后缀的 WXSS 样式文件
- 4️⃣ .js 后缀的 JS 脚本逻辑文件
🌻🌻🌻🌼🌼🌼🌺🌺🌺🌼🌼🌼🌻🌻🌻
👨💻内容3：项目配置文件app.json
🎯app.json
👉JSON 是一种数据格式，在实际开发中，JSON 总是以配置文件的形式出现。app.json 是当前小程序的全局配置，可以通过app.json对小程序项目进行设置所有页面路径、窗口外观、界面表现、底部 tab 等。
🎯可以参考下方官方文档：
👉小程序配置 /全局配置
🌏窗口配置：
为了方便了解，下面简单介绍一下必须的配置项
👉app.json 中的部分配置，也支持对单个页面进行配置，可以在页面对应的 .json 文件来对本页面的表现进行配置。
👉app.json 中的部分配置，也支持对单个页面进行配置，可以在页面对应的 .json 文件来对本页面的表现进行配置。
👉用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息。文件名不需要写文件后缀，框架会自动去寻找对应位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
👉未指定 entryPagePath 时，数组的第一项代表小程序的初始页面（首页）。
👉小程序中新增/减少页面，都需要对 pages 数组进行修改。
👇如开发目录为：
👉其中窗口配置需要了解一下：
🎯更多配置可以参考下方官方文档：
👉小程序配置 /页面配置
🏄 其他配置：
👉style是指定使用升级后的weui样式，sitemapLocation是指明sitemap.json的位置，开发者可以通过 sitemap.json 配置，或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。
🌻🌻🌻🌼🌼🌼🌺🌺🌺🌼🌼🌼🌻🌻🌻
🎯tarbar
👉我们之前创建的测试项目页面很简单，在实际的项目中可能包含多个tab，其中tab的内容是靠tabBar配置项去配置的。可以通过 tabBar 配置项指定tab栏的表现，以及tab切换时显示的对应页面。
👇其具体属性如下：
👉其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序，每个项都是一个对象，其属性值如下：
👇下面我们举个案例：
👉效果图：
🐾🐾🐾🐾🐾🐾🐾🐾🐾🐾🐾🐾
👨🚀内容4：项目配置文件project.config.json
🎯project.config.json
👉通常大家在使用一个工具的时候，都会针对各自喜好做一些个性化配置，例如界面颜色、编译配置等等，当你换了另外一台电脑重新安装工具的时候，你还要重新配置。
👉考虑到这点，小程序开发者工具在每个项目的根目录都会生成一个 project.config.json，你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项.
👇其具体配置项如下表：
🔮🔮🔮🔮🔮🔮🔮🔮🔮🔮🔮🔮
