【微信小程序笔记-1】基本构成及配置

此笔记作为学习过程中笔记，作为存档并借此分享，如有错误感谢指出
此笔记大量参考微信官方开发者文档以及“软谋教育课程（这个课程在腾讯课堂是免费的，算是我现在看到的比较好的视频教程）”，如有版权问题请及时与我联系删除

微信小程序开发者文档 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html
微信小程序 https://mp.weixin.qq.com/
小程序的前期准备工作可在开发者文档查询此处掠过

一、代码构成

微信小程序基本文件由“页面文件（pages）”和“app文件（.js .json .wxss）”构成
1、JSON配置

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

pages字段：用于对页面目录的注册（每个建立的页面都应在pages字段进行注册）
window字段：用于对小程序页面风格进行配置
2、WXML及WXSS配置
wxml 和 wxss 与 html 和 css 类似，但是 wxml 新增了以写常用组件的标签，并且新增了以写类似 wx:if 这样的属性。

二、wxml中使用换行

在标签中可以使用 \n 进行换行，但若不使用标签则 \n 不进行换行。

normal text\n123<!--这里的\n不会换行-->
<text>\ntag text</text>

运行结果：