[微信小程序]学习笔记02.微信开发者工具的下载、安装和项目目录结构

提取知识点

小程序

• 使用 微信登录 微信开发者工具进行开发
• 新建小程序需要填写AppID或使用测试号
• 工具界面分为工具栏、模拟器、编辑器、调试器
• 常用的4种文件：wxml、wxss、js、json

目录

一、微信开发者工具的下载

二、微信开发者工具的安装

三、微信开发者工具的简单使用

• 1.打开后需要微信扫码登录
• 2.选择 小程序 +
• 3.填写项目信息
• 4.进入工具界面（本例使用测试号进行测试）
• 5.项目目录结构和代码结构

内容

一、微信开发者工具的下载

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

二、微信开发者工具的安装

配置好安装路径，一路 下一步 即可

三、微信开发者工具的简单使用

1.打开后需要微信扫码登录

2.选择 小程序 +

3.填写项目信息

其中AppID需要登录微信公众平台（http://mp.weixin.qq.com/）获取，点击 查看详情

下拉至最底部，即显示 AppID

4.进入工具界面（本例使用测试号进行测试）

5.项目目录结构和代码结构

• app.js 注册微信小程序应用
• app.json 全局配置(如网络请求超时时间、各页面的注册路径)
• app.wxss 全局样式
• 注:以上三个文件必须放在项目的根目录
• project.config.json 微信开发者工具的配置信息
• pages文件夹 所有的小程序页面
• utils文件夹 公共工具函数：代码复用
  其中 pages文件夹 最多有4种类型文件（.js .json .wxml .wxss 一个小程序页面由这四个文件组成 注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名）
  
  我们可以简单的认为 wxml +wxss +js = html + css +js
  wxml 就是展现页面
  wxss 就是设置样式 (与 CSS 相比，WXSS 扩展的特性有：(1)尺寸单位 (2)样式导入 )
  js 还是处理逻辑和数据交互
  json 页面配置文件 (app.json为全局配置文件)