教你如何快速搭建百度智能小程序（三）：了解文件结构
发布于 2023-12-12 11:42:52 浏览 381 次
了解小程序的目录结构非常重要，能帮助你快速解构小程序，有助于后续的开发。以下是具体介绍。
系统：win10
版本：百度开发者工具 4.8.2
images
images文件夹用来存储小程序图片文件，对应项目文件夹下的images文件夹。
▼ 
images文件夹用来存储小程序图片文件，对应项目文件夹下的images文件夹。
2、
pages
pages文件夹用来存储页面文件，包含swan（相当于html）、css、js、json四个文件。其中css、js、json只针对当前swan文件起作用。
3、
app.css
app.css该文件为全局样式文件，对pages文件夹下的所有文件起作用。
4、
app.js
app.js该文件为全局js文件，对pages文件夹下的所有文件起作用。
5、
app.json
app.json该文件为全局配置文件，对pages文件夹下的所有文件起作用。
6、
文件类型说明
css为页面样式文件，js为执行脚本文件，json为页面配置文件。其中针对界面标题设置、颜色等都是通过json配置文件类设置。
适用环境：
型号：台式机系统：win10
版本：百度开发者工具 4.8.2
问题解析：
【】
1、images文件夹用来存储小程序图片文件，对应项目文件夹下的images文件夹。
pages文件夹用来存储页面文件，包含swan（相当于html）、css、js、json四个文件。其中css、js、json只针对当前swan文件起作用。
app.css该文件为全局样式文件，对pages文件夹下的所有文件起作用。
app.js该文件为全局js文件，对pages文件夹下的所有文件起作用。
app.json该文件为全局配置文件，对pages文件夹下的所有文件起作用。
css为页面样式文件，js为执行脚本文件，json为页面配置文件。其中针对界面标题设置、颜色等都是通过json配置文件类设置。
关联问答：
1、教你如何快速搭建百度智能小程序（一）：准备工作（点击查看）
相关推荐
-
-
教你如何快速搭建百度智能小程序（四）：制作首页轮显图banner
-
-
-
- 发布于2023-12-12 11:45:32 438个赞
-
-
-
教你如何快速搭建百度智能小程序（二）：新建项目
-
-
-
- 发布于2023-12-12 11:42:10 396个赞
-
-
-
教你如何快速搭建百度智能小程序（一）：准备工作
-
-
-
- 发布于2023-12-12 11:39:09 2400个赞
-
-
-
手机excel版本如何更新
发布于2023-12-10 16:32:23 216个赞 -
-
-
-
手机WPS如何添加下划线
发布于2023-12-10 16:27:17 343个赞 -
-
-
-
手机WPS如何统计字数
发布于2023-12-10 16:26:00 238个赞 -
-
-
-
如何用ffmpeg命令使图片、MP3、文字合成有字幕的视频
发布于2023-11-28 00:39:18 278个赞 -
-
-
-
js的$.ajax方法如何控制请求时间
发布于2023-11-28 00:31:36 477个赞 -
-
-
-
wordpress模板文件放在那个文件夹
发布于2023-11-27 00:49:15 241个赞 -
-
-
-
cdn如何添加$_SERVER['HTTP_REFERER']值呢
发布于2023-11-25 16:55:31 247个赞 -
![cdn如何添加$_SERVER['HTTP_REFERER']值呢](https://www.juexinw.com/d/file/p/2023/11-25/r_MTz3XkEwXDQ1OzhfNDAweDMwMF8xNQ==.jpg)
-
猜你可能喜欢
-
-
怎么去除图片上的水印
-
-
-
- 发布于2024-06-07 13:33:14 1237个赞
-
-
-
图片上的水印怎么去掉
-
-
-
- 发布于2024-06-07 13:31:57 1503个赞
-
-
-
怎样去除图片水印
-
-
-
- 发布于2024-06-07 13:30:29 1308个赞
-
-
-
怎么去图片水印
-
-
-
- 发布于2024-06-07 13:28:40 1552个赞
-
-
-
怎么用ps裁剪圆形图片
-
-
-
- 发布于2024-06-07 13:27:01 1705个赞
-
-
-
ps怎么裁剪图片
-
-
-
- 发布于2024-06-07 13:25:57 1642个赞
-
-
-
ps图片裁剪工具的作用
-
-
-
- 发布于2024-06-07 13:23:16 1703个赞
-
-
-
ps图片裁剪工具是什么
-
-
-
- 发布于2024-05-29 11:37:02 1365个赞
-
-
-
ps图片裁剪工具在哪设置
-
-
-
- 发布于2024-05-29 11:21:37 1246个赞
-
-
-
ps图片裁剪工具快捷键是什么
-
-
-
- 发布于2024-05-29 11:17:27 865个赞
-