微信小程序开发

开发前准备

1. 登录:https://mp.weixin.qq.com/ 进行注册.

目前仅支持企业和组织等非个人注册微信小程序账号(注册小程序是为了获取一个APPID)

2.微信开发者工具下载.

下载路径:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20161230

微信开发者工具简介

打开微信开发者工具,appId可以登录微信公众号,设置页面下,开发设置下复制(如果没有APPID在某些地方会受到限制).

可以直观的看见三个板块 分别是模拟器、编辑器、调试器。

小程序目录结构

切换到编辑器页面

1:这个项目主要由pages/index,pages/logs,这几个文件夹组成,这几个文件夹主要描述整个小程序的界面信息。

每个文件下基本可以分为:.js,.wxml,.wxss,.json等文件组成。

例如:

index.js:描述index页面的逻辑信息(类比:js代码)

index.wxml:描述index页面的布局信息(类比:HTML页面布局)

index.wxss:描述index页面的布局的样式信息(类比:CSS信息)

2:项目总体配置信息:

由app.js,app.json,app.wxss三个文件组成

app.json:描述整个工程的页面信息(由"pages"描述),"window"主要描述该项目整体背景,导航栏等样式,如果某个文件夹中某个.json文件中有相同的描述,则会覆盖"window"中描述的信息。

app.wxss:主要描述该项目整体的样式。

3:app.js:主要描述该项目入口逻辑,主要描述一些用户登录后的信息

未完 待续。。。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180125G0A1UC00?refer=cp_1026

扫码关注云+社区