仔细查看之前创建的项目,可以发现项目里生成很多不同类型的文件: ①.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 鼠标右键单击需要删除的页面文件夹,在弹出的菜单中选择“删除”