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 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序开发手册 - 01项目构建 -> 正文阅读

[移动开发]微信小程序开发手册 - 01项目构建

本手册只是简单概述,具体还请看 微信官方文档

开发准备

注册申请小程序

微信小程序开发第一步,在微信公众平台注册,申请一个AppID
在这里插入图片描述

选择小程序注册
填写相关信息
在这里插入图片描述

在这里插入图片描述

申请完成以后,你将会得到一个AppID(小程序ID)和AppSecret(小程序密钥),后面都会用到

下载开发工具

下载微信提供的小程序开发工具
安装完成之后打开刚刚安装的这个软件,会要求使用微信扫码登录
登录完成之后,进入新建项目的页面,可以新建不同的项目,默认是新建小程序
在这里插入图片描述

在这里插入图片描述

项目名称 自定义即可
目录 项目存放目录
AppID 填入刚刚申请的AppID
开发模式 选择小程序即可
后端服务 暂时不会用到,这里选择不使用云服务即可
模版选择 这里选择JavaScript - 基础模版进行演示,如果习惯TypeScript,也可以选择TS

这里点击创建按钮,开始创建小程序

认识开发工具

在这里插入图片描述
整个界面主要分为四个部分,分别和编辑器左上角看到的模拟器、编辑器、调试器三个绿色按钮对应,

模拟器 我们可以在这里实时看到我们所编写的内容,可以切换机型、网络状态等
资源管理器 项目目录,方便我们更快的找到某一个页面
编辑器 也就是我们编写代码的区域
调试器 和谷歌浏览器很相似

再右一些我们可以看到一个预览按钮,点击会提供一个有效期限的二维码,我们可以通过微信扫描二维码在手机端真是查看,以及右边的真机调试,也是同理
在这里插入图片描述
这里整理了一些项目调试时的注意事项

认识项目结构

目录结构

一个完整的小程序包含一个描述整体程序的app 和多个描述页面的page
app.js 小程序逻辑
app.json 小程序公共配置
app.wxss 小程序公共样式

小程序代码构成

.wxml 后缀 wxml 微信小程序模版文件,同 html 的角色
.wxss 后缀 wxss 微信小程序样式文件,同 css 的角色
.js 后缀 js 微信小程序脚本逻辑文件
.json 后缀 json 微信小程序配置文件,见JSON配置

更多详细情况 请见微信开发文档

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-09-13 11:27:25  更:2022-09-13 11:29:22 
 
开发: 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/25 4:51:43-

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