Skip to content
  1. 小程序开发者ID
  2. 微信开发者工具
    1. 开发使用稳定版
  3. 创建项目
    1. 基础设置
  4. 项目目录结构
    1. 项目主配置文件
      1. app.js 入口文件
      2. app.json 全局配置:颜色标题等
      3. app.wxcss 全局样式
      4. app.js,app.json必须
    2. 页面文件 pages,一个页面一个文件夹
      1. xx.js 页面逻辑
      2. xx.wxxml 布局,类似于html,但是有些不一样
      3. xx.json 页面配置:当前页面颜色,标题
      4. xx.wxcss 当前页面的样式,当前页面样式优先于全局样式
      5. xx.js和xx.wxml必须
    3. component:组件,一个组件放一个文件夹
    4. utils:自定义工具
    5. sitemap.json:微信收录页面,搜索关键字可以搜索到
  5. 配置文件
    1. 项目配置 app.json
      1. 全局属性,页面路由,默认标题,顶部颜色,是否下拉刷新
      2. 官方文档查看
      3. 以json形式配置
    2. 页面配置 xx.json
      1. 也是json形式配置
    3. 工程配置
      1. project.config.json
      2. project.private.config.json
      3. 参照文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html
    4. 搜索相关配置
      1. 参考文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.html
  6. **webview渲染
    1. webview:老一点,稳定,支持老版本和新版本
    2. skyline模式:新一点,不太稳定,不支持老版本
  7. 新建页面
    1. pages下新建一个文件夹,然后新建page
    2. 在app.json中的page中新建