微信小程序入门(二)
2023-09-11 14:19:33 时间
5.安装微信开发者工具
点“小程序开发”-->>"工具-->>再点左边的“下载”,进行开发者工具的下载
6.小程序代码结构简介
登陆开发者工具,创建小程序项目
目录结构
7.小程序配置文件介绍
全局配置app
- Pages
- tabBar
- networkTimeout
- debug
- navigationStyle
单个页面配置page
- navigationBarBackgroundColor
- navigationBarTextStyle
- navigationBarTitleText
- onReachBottonDistance
- enablePullDownRefresh
- disableScroll
8,9.开发者工具详解
创建一个'helloworld'的小程序,不使用模板
开发者工具界面
小程序版本
- 预览版本
- 体验版本
- 开发版本
- 审核版本
- 线上版本
10.创建第一个小程序
创建几个文件
app.js
作用:帮我们注册一个微信小程序的应用
先写成空
App({})
app.json
作用:是对我们微信小程序应用的一个全局配置
pages里面是目录
{
"pages":[
"pages/helloworld/helloworld"
]
}
helloworld.wxml
作用:wxml文件就是描述我们页面上要有哪些内容,类似HTML
<view>Hello World!</view>
hellorworld.js
作用:是帮助我们去注册一个微信小程序的页面
先写空
Page({})
helloworld.json
作用:页面的一些配置信息
先写空
{}
helloworld.wxss
作用:用来描述小程序的一个样式,类似css
view{
width: 100%;
height: 40rpx;
text-align: center;
color: blue;
}
目录结构和运行效果
相关文章
- 微信小程序 - 图片懒加载
- 【微信小程序】-- 页面事件 - 下拉刷新(二十五)
- 微信小程序 - form表单提交时拿到用户输入的所有数据(bindsubmit)
- JavaScript - vue.js / nuxt.js / uni-app / 微信小程序 js 时间戳与日期格式互转(时间戳转日期字符串格式,日期回转时间戳格式)支持转为日期字符串后自动补0
- 《微信小程序:开发入门及案例详解》—— 1.2 接入流程
- 《微信小程序:开发入门及案例详解》—— 1.4 小结
- 《微信小程序:开发入门及案例详解》—— 2.5 模块化
- 微信小程序web-view实例
- 微信小程序获得微信头像和昵称
- 史诗手册!微信小程序新手自学入门宝典!你想要的都在这里
- 微信小程序登录JAVA后台
- 微信小程序—智能小蜜(基于智能语义解析olami开放平台)
- WordPress 微信小程序
- 微信小程序开发规范文档-WXML代码规范
- 微信小程序~页面注册page
- 微信小程序——云开发入门
- 微信小程序springboot在线考试系统小程序+后台管理系统 | 计算机毕业设计
- 微信小程序下拉刷新、上拉加载
- 【微信小程序】03-文字一左一右显示,行内块元素居中
- 微信公众号之测试号申请
- 微信小程序入门(六)
- 微信小程序入门(五)
- 微信小程序开发入门与实战(小程序与前端开发的区别)
- 微信小程序——云开发|计费方式调整大家怎么看?
- 微信小程序之自定义分享功能
- 微信小程序下拉刷新/上拉加载更多
- 微信小程序 | 微信公众平台SpringBoot开发实例 │ 模板消息的应用开发
- 微信小程序游戏开发│智力测试游戏——button版