1 首先创建一个新的项目(选择目录,appID)
2 全局配置 (app.json) 进行页面创建并配置
- pages 用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
- window 用于设置小程序的状态栏、导航条、标题、窗口背景色。
eg:"backgroundColor": "#eee",
"enablePullDownRefresh":true
允许下拉刷新(默认为false)
要想设置背景色 需要在app.wxss 中设置
page{ background-color: #eee;}
- tabBar
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
-
“debug”: true,
-
sitemap 配置
小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引,文件内容为一个 JSON 对象,如果没有 sitemap.json ,则默认为所有页面都允许被索引; -
Behavior
为了解决组件间的代码复用 -
引用
WXML 提供两种文件引用方式import和include。
区别:小程序中有两种引用方式一种是直接引用include,通过它相当于把标注的以外的代码全部copy过来当前位置,而import则是相反,它是只引用模板
- import方式
这是index.wxml中的代码
<import src="../list/list.wxml"/>
<template is="listTemp"></template>
- include方式
<include src="../list/list.wxml"/>
import可以用来引用模板,在开发中可以避免相同模板的重复编写,而include适合引入组件文件
-
WXS 模块
-
变量
概念
WXS 中的变量均为值的引用。
没有声明的变量直接赋值使用,会被定义为全局变量。
如果只声明变量而不赋值,则默认值为 undefined。
var表现与javascript一致,会有变量提升。 -
注释
WXS 主要有 3 种注释的方法。
// 方法一:单行注释/*
方法二:多行注释
*//*
方法三:结尾注释。即从 /* 开始往后的所有 WXS 代码均被注释