微信小程序开发初初识

微信开发者工具

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

问题
启动页无法出现二维码，无法连接手机。
解决方法拔出网线，手机与电脑用同一个网络，可以用手机热点或者电脑的网络共享

新建项目

当符合以下条件时，可以在本地创建一个小程序项目:

• 需要一个小程序的 AppID；如没有 AppID，可以选择申请使用测试号。
• 登录的微信号需要是该 AppID 的开发者；
• 需要选择一个空目录，或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时，可以选择是否在该目录下生成一个简单的项目。

注册新用户获取AppID

需要先注册一个新用户来获取AppID
地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1
注册成功后在菜单找到开发栏下的开发管理，里面的开发设置里有开发者ID

代码

文件格式

因 iOS 下仅支持 UTF8 编码格式，最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。

文件支持

工具目前提供了 5 种文件的编辑：wxml、wxss、js、json、wxs 以及图片文件的预览。

目录结构

主体：

文件	重要性	作用
app.js	必需	小程序逻辑
app.json	必需	小程序公共配置
app.wxss	不是必需	小程序公共样式表

一个小程序的页面由四个文件组成：

文件类型	重要性	作用
js	必需	页面逻辑
wxml	必需	页面结构
json	不是必需	页面配置
wxss	不是必需	页面样式表

允许上传的文件类型

1. wxs
2. png
3. jpg
4. jpeg
5. gif
6. svg
7. json
8. cer
9. mp3
10. aac
11. m4a
12. mp4
13. wav
14. ogg
15. silk

开启下拉刷新

在app.json文件中window字段中添加此带代码

//  下拉效果可视化
"backgroundTextStyle":"dark",
//  允许下拉
"enablePullDownRefresh": true

创建新文件

方法一：
选择一个文件夹右键单击新建文件/文件夹

方法二：

在app.json文件的pages字段下编辑

格式：
"pages":[
    "文件地址1",
    "文件地址2",
    "文件地址3",
    ...
]

"pages":[
  "pages/index/index",
  "pages/logs/logs",
  "pages/text/text"
]

显示新创建的页面

将创建语句放在pages字段的第一行,pages字段下第一行是哪个文件就先显示哪个文件

"pages":[
  "pages/text/text"
  "pages/index/index",
  "pages/logs/logs",
]