小程序开发[简介]
小程序开发
浏览：439 次
在开发我们的小程序之前，请仔细阅读以下参考文件
小程序代码组成
快速启动项目页面
我们通过开发人员工具快速创建了一个QuickStart项目。您可以注意到，此项目中生成了不同类型的文件：
带有的JSON配置文件。json后缀
具有的WXML模板文件。wxml后缀
具有的WXSS样式文件。wxss后缀
JS脚本逻辑文件。js后缀
接下来，让我们看看这四个文件的功能
JSON配置
JSON是一种数据格式，而不是编程语言。在小程序中，JSON扮演静态配置的角色。
我们可以看到有一个app。json和一个项目。配置。json位于项目的根目录中。此外，还有一个日志。json在pages/logs目录中。让我们依次解释它们的用途。
小程序配置app.json
app。Json是当前小程序的全局配置，包括小程序的所有页面路径、界面表示、网络超时和底部选项卡。
app的配置。在QuickStart项目中的json如下：
{
“页面”：[
“页面/索引/索引”，
“页面/日志/日志”，
“pages/index1/index”，
“页面/主页/主页”，
“pages/my/my”]，
“窗口”：{
“backgroundTextStyle”：“浅”，
“navigationBarBackgroundColor”：“#fff”，
“navigationBarTitleText”：“微信”，
“navigationBarTextStyle”：“black”}，
“选项卡栏”：{
“列表”：[
｛“pagePath”：“pages/index/index”，“text”：“主页”｝，
｛“pagePath”：“pages/logs/logs”，“text”：“logs”｝]
},
“networkTimeout”：｛“request”：10000，“downloadFile”：10000｝，
“debug”：true，
“style”：“v2”，
“sitemapLocation”：“sitemap.json”}
}
让我们简要解释一下此配置的每个项目的含义：
页面字段-用于描述当前小程序的所有页面路径。这是为了让微信客户端知道您的小程序页面当前定义在哪个目录中。
窗口字段-定义小程序所有页面的顶部背景色、文本颜色定义等；不同的页面有时需要不同的配置。只能设置窗口属性，无需写入窗口键
配置窗口状态：
BackgroundColor：窗口的背景色，使用十六进制RGB
BackgroundTextStyle：下拉背景字体和加载图表样式。目前，它只支持设置为“暗”或“亮”
EnablePullDownRefresh：是否启用下拉刷新
NavigationBarBackgroundColor:导航栏背景色
NavigatonBarTextStyle:导航标题颜色。当前仅支持黑白
NavigationBarTitleText:导航栏标题文本内容
要配置窗口底部的选项卡栏，请执行以下操作：
如果小程序是多选项卡app（在客户端窗口的底部或顶部有一个选项卡栏用于切换页面），则可以通过选项卡栏配置项指定选项卡栏的性能以及切换选项卡时显示的相应页面。
ColorHexColor：选项卡上文本的默认颜色。仅支持十六进制颜色
SelectedColorHexColor：选项卡上所选文本的颜色。仅支持十六进制颜色
BackgroundColorHexColor:：选项卡的背景色。仅支持十六进制颜色
边框样式：顶部边框的颜色。仅支持黑白
ListArray：选项卡列表。有关详细信息，请参见列表属性描述。至少有2个选项卡，最多有5个选项卡
位置：tabBar的位置。仅支持底部/顶部
自定义：用户定义的选项卡栏，请参见
小程序配置项目.config.json
小程序开发工具将生成一个项目。config的根目录中，在该工具上进行的任何配置都将写入该文件。当您重新安装该工具或将计算机更改为工作时，只要加载同一项目的代码包，开发人员工具就会自动帮助您恢复开发项目时的个性化配置，包括编辑器颜色、上传代码时自动压缩等一系列选项。
您可以使用project.config。json文件来配置项目。
项目配置.json
（1） CompileType有效值：
编译器类型
（2） 可以在设置中指定以下设置：
背景
（3） 在脚本中指定自定义预处理命令：
脚本
（4） pack选项：
PackOptions用于在打包过程中配置项目的选项。打包是预览和上载项目的必要步骤。
目前，可以指定packOptions忽略字段用于配置在打包过程中忽略符合指定规则的文件或文件夹，以跳过打包过程。这些文件或文件夹不会出现在预览或上载结果中。
包装选项。忽略是一个对象数组。对象元素类型如下：
pack选项
其中，类型的值可以是文件夹、文件、后缀和前缀，它们对应于folde
