IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序开发入门 -> 正文阅读

[移动开发]微信小程序开发入门

目录

1.简介

微信小程序,英文名Wechat Mini Program
是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

优点
开发成本低、门槛低、开发周期短
用完就关闭,不占手机存储空间
小程序依靠微信生态圈,拥有庞大自然流量
对于公众号创业者,可通过公众号+小程序来打造微信生态圈

主要开发语言:JavaScript

至于开发工具,可以在微信官方文档中下载稳定版 Stable Build | 微信开放文档

一开始可以用测试号进行开发

2.目录结构

小程序包含一个描述整体程序的app(app.js、app.json、app.wxss)和多个描述各自页面的?page文件夹

一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:

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

一个小程序页面由四个文件组成,分别是:

文件类型必需作用
js页面逻辑
wxml页面结构
json页面配置
wxss页面样式表(局部样式)

sitemap.json: 配置小程序及其页面是否运行被微信索引
.eslintrc.js: ESLint配置文件
ESLint?是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具
project.config.json: 项目配置文件,做一些个性化配置,例如界面颜色、编译配置等等
这个文件可以可视化配置,如下图右侧

3.在模拟器上显示想要的页面?

小程序在pages文件夹里有多个页面,调试的时候我想要在模拟器中呈现某一个页面,怎么做?

如下图,在app.json文件的pages选项后面调整顺序
"pages/index/index"在上,则左侧模拟器呈现的就是这个index页面?

4.快速创建一个页面文件夹

也是在app.json文件中的pages选项后面,加上一句"pages/news/news",ctrl+s保存,就能自动创建一个news文件夹,其中包含了一个页面需要的四类文件

?

?

?

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-10-20 12:36:02  更:2021-10-20 12:36:32 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 1:09:59-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码