开发之前先注册一个微信小程序账号,再安装微信开发工具
微信开发工具中新建项目
项目:
project.config.json项目配置文件
sitemap.json小程序收录设置
微信现已开放小程序内搜索,你的小程序页面将可能展示在微信搜索等多个公开场景中。
当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。
默认值:默认所有页面都能被索引,开发中一般不用进行相关配置.
新增项目配置文件:小程序开发者工具在项目的根目录新增了一个项目配置文件project.config.json
作用:
在工具上做的任何配置都会写入到这个文件,当重新安装工具或者换电脑工作时,只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
根目录文件:
①pages,必须,用于存放页面文件的文件夹
②utils,非必,用于存放公共js的文件夹
③app.js,必须,小程序逻辑文件
④app.json,必须,小程序配置文件
⑤app.wxss,非必,小程序公共样式文件
⑥project.config.json,更新后自带,项目配置文件(无需关注)
⑦sitemap.json,更新后自带,小程序收录设置文件(无需关注)
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
页面page级别
页面由以下4个文件组成:以pages/index/为例
①index.wxml,必须,页面的结构文件,类似于HTML文档
②index.wxss,非必须,页面的样式表文件,类似于CSS文档
③index.js,必须,页面的逻辑文件,类似于js文档
④index.json,非必须,页面的配置文件(例如页面是否允许下拉刷新、等待icon样式等等)