我的第一个微信小程序(一)--使用微信web开发工具创建小程序

体验微信小程序

前几天微信小程序总算面向个人开发者,上微信公众平台注册个账号,没啥难度的。

开发小程序,需要下载微信web开发者工具,点我下载微信web开发者工具

当然在开发过程中少不了看微信小程序的API文档,点我看API文档

 

这个就是微信web开发者工具的界面,

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,分别为:

app.js用于编写小程序逻辑代码
app.json对小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab等等
app.wxss小程序的全局样式,和css是一样的

 

下面是微信官方的一个app.json文件,里面的参数代表什么意思,参数有什么值,大家可以参照我上面说的api文档去看一下,讲解的很清楚,我就不再赘述了,节约时间。

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

一个小程序的页面有四个部分组成,例如上图中我写的welcome,里面包含welcome.js,welcome.json,welcome.wxml,welcome.wxss,

四个文件对应的作用

js页面逻辑
json页面配置
wxml相当于html
wxss相当于css,页面的样式

 

注意:这是文件的名字最好要一样,要不还得去配置

 

 

这就是小程序最基础的只是了,下一节正式开始小程序的开发

转载于:https://www.cnblogs.com/BugBrother/p/6649004.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值