wx小程序结构目录介绍及创建和删除-即速应用

wx小程序结构目录介绍及创建和删除

浏览量：2358 时间：2020-02-05 来源：_HaoJie

仔细查看之前创建的项目，可以发现项目里生成很多不同类型的文件：

①.json 后缀-----------JSON 配置文件
②.wxml 后缀---------WXML 模板文件
③.wxss 后缀--------- WXSS 样式文件
④.js 后缀--------------JS 脚本逻辑文件
（1）sitemap.json小程序收录设置
微信现已开放小程序内搜索，你的小程序页面将可能展示在微信搜索等多个公开场景中。
当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。
默认值：默认所有页面都能被索引，开发中一般不用进行相关配置.
（2）project.config.json项目配置文件
新增项目配置文件：小程序开发者工具在项目的根目录新增了一个项目配置文件project.config.json
作用：
在工具上做的任何配置都会写入到这个文件，当重新安装工具或者换电脑工作时，只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
（3）关闭开发工具中控制台的索引提示
在初始化项目后，打开控制台会看到每打开一个页面，在控制台都会有警告提示
因为sitemap 的索引提示是默认开启的，所以控制台会有警告提示，并不影响开发。如何在控制台关闭 sitemap 的索引提示？
方案：在小程序项目配置文件 project.config.json 的 setting 中添加配置字段 checkSiteMap 为
false

（4）根目录文件
①pages，必须，用于存放页面文件的文件夹
②utils，非必，用于存放公共js的文件夹
③app.js，必须，小程序逻辑文件
④app.json，必须，小程序配置文件
⑤app.wxss，非必，小程序公共样式文件
⑥project.config.json，更新后自带，项目配置文件(无需关注)
⑦sitemap.json，更新后自带，小程序收录设置文件（无需关注）
（5）小程序级别
一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

（6）页面page级别
1、微信小程序是由若干个页面构成的
2、所有的页面内容必须存放在[pages]文件夹下，例如初始化项目中的两个页面index和logs页面都在pages文件夹下
3、在[pages]文件夹下，每个页面都具备一个独立的文件夹

（6）页面page级别
每个小程序页面由四个文件组成，分别是：

规定：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。
①index.js，必须，页面的结构文件，类似于HTML文档
②index.json，非必须，页面的样式表文件，类似于CSS文档
③index.wxml，必须，页面的逻辑文件，类似于js文档
④index.wxss，非必须，页面的配置文件（例如页面是否允许下拉刷新、等待icon样式等等）
新建页面
(手动创建)
①右键单击 [pages] 文件夹，在弹出的菜单中选择“新建目录”
小程序
②右键单击新建的目录，在弹出的菜单中选择“新建Page”

完成

（自动创建）
直接在app.json文件的pages选项中将新页面的路径写好，系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.json配置文件、page.js逻辑文件
小程序
删除页面page
鼠标右键单击需要删除的页面文件夹，在弹出的菜单中选择“删除”