微信小程序开发-目录结构介绍

一，目录结构介绍

1个完整的小程序项目分为两个部分

• 主体文件
• 页面文件

1，主体文件

又称 全局文件，能够作用于整个小程序，影响到小程序的每个页面，主体文件必须放到项目的根目录下。

主体文件由三部分组成:

• 1.app.js:小程序入口文件
• 2.app.json:小程序的全局配置文件
• 3.app.wxss:小程序的全局样式

注意事项:主体文件的名字必须是 app，app.js 和 app.json 文件是必须的

2，页面文件

是每个页面所需的文件，小程序页面文件都存放在 pages 目录下，一个页面一个文件夹。

每个页面通常由四个文件组成，每个文件只对当前页面有效:

• 1. .Js:页面逻辑
• 2. .wxml:页面结构
• 3. .wxss:页面样式
• 4. .json:小页面配置

3，修改页面渲染模式

默认的渲染模式是Skyline，但这是一种高级的渲染模式，为了兼容，使用WebView模式。

只要打开主体文件的app.json，删除一下三个配置：

• “renderer”: “skyline”
• “rendererOptions”
• “componentFramework”

"renderer": "skyline",
  "rendererOptions": {
    "skyline": {
      "defaultDisplayBlock": true,
      "disableABTest": true,
      "sdkVersionBegin": "3.0.0",
      "sdkVersionEnd": "15.255.255"
    }
  },
  "componentFramework": "glass-easel",

二，新增页面

1，右键“pages”-新建文件夹

2，右键文件夹-新建page

选择新建page后，输入页面名称，然后就会自动创建页面的4种文件。

除此之外，新增成功的页面会自动添加到全局配置文件的页面清单中。

3，新建页面的快捷方式

全局配置文件app.json和左边pages文件夹是联动，可以直接在全局配置文件中新增配置，开发工具会自动生成文件夹和页面。

比如在配置文件中新增如下页面配置：pages/cart/cart。

保存后，就会自动生成文件夹和page。

四，基础库设置

小程序调试基础库是指 微信开发者工具中可以选择的微信基础库版本。

微信基础库是指小程序的运行环境，给小程序提供了运行所需的各种 AP! 和工具，以及基础框架和运行逻辑等。

小程序开发者可以在微信开发者工具中选择所需的微信基础库版本，作为运行和调试小程序时的运行环境。

每个小程序有自己所允许使用的基础库最低版本要求，开发者需要选择要兼容的基础库版本，从而确保小程序的功能正常运行。

基础库调整：右上角详情-本地设置-调试基础库