mini-program01の系统认识微信小程序开发

一、官方下载并安装

1、下载(I选了稳定版)

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.htmlhttps://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2、安装(A FEW MOMENT LATER)

3、运行 (CLICK+)

4、项目创建(模板一般选第一个,ID先选测试号,不使用云服务)

二、认识界面

 1、开发者工具分区:

  1. 模拟器:小程序效果预览

  2. 编辑器:代码编写区域

  3. 调试器:含Console、Sources、Network等调试工具

  4. 工具栏:含编译、预览、上传等操作按钮

 

2、编辑器主要构成部分 

一个小程序页面由四个文件组成:

文件类型

作用

js

页面逻辑,是脚本

wxml

页面结构,xml是一种扩展标记语言(和HTML类似)

json

页面配置,可以看成是一个轻量级数据库文件,本质上就是带有一定格式的数据存储文件。

wxss

页面样式表,xss就是样式文件定义页面格式和配色的

 三、编辑器操作

│  app.js:整个项目的启动文件

│  app.json:整个项目的配置文件,样式,页面标题等;

│  app.wxss:对应index.css

│  project.config.json:默认项目配置文件

│  project.private.config.json:默认项目配置文件

│ 

├─images:图片素材

├─libs:libs文件夹是一个集中管理项目所需外部资源和代码的地方,使得项目结构更加清晰,便于团队协作和后期维护。

│      xx-wx.js

│      xx-wx.min.js  

├─pages:页面

│  ├─index:首页

│  │      index.js

│  │      index.wxml

│  │      index.wxss    

│  ├─logs:日志

│  │      logs.js

│  │      logs.json

│  │      logs.wxml

│  │      logs.wxss

│  ├─news:新闻页

│  │    news.js

│  │    news.json

│  │    news.wxml

│  │    news.wxss

│  │  

└─utils:用于存放工具函数和辅助方法

        util.js

四、代码编辑工具

1、官方开发工具
  • 微信开发者工具:由微信官方提供,集代码编写、预览、调试和发布等功能于一体,支持可视化编辑,与微信平台无缝对接,是开发微信小程序的核心工具
2、代码编辑器
  • Visual Studio Code:免费开源的跨平台代码编辑器,通过安装相关插件,支持微信小程序的开发,具备强大的代码补全、调试和版本控制等功能
  • Sublime Text:轻量级、高性能的文本编辑器,可安装插件支持微信小程序开发,界面简洁,支持多种编程语言
3、其他开发工具
  • HBuilder:支持HTML5的跨平台开发工具,提供可视化布局、代码生成、实时预览等功能,支持uni⁃app框架,一套代码可多端适配。
  • Egret Wing:专为微信小程序设计,支持JavaScript、WXML、WXSS等开发语言,提供丰富的组件和模板。
  • PyCharm:针对Python开发的IDE,通过安装插件可支持微信小程序开发,适用于高级开发者。
4、SaaS小程序制作平台
  • 即速应用:支持拖拽式操作,无需编写代码即可完成小程序开发,提供丰富的行业模板和组件。
  • 有赞:专注于零售行业,提供可视化编辑和丰富的营销插件,适合快速搭建电商类小程序。
5、设计工具
  • Adobe XD:与Adobe系列软件无缝衔接,可导入素材并导出适合开发的格式,提升设计质量和效率。
  • Sketch:主要用于UI设计,界面简洁,功能强大,有丰富的插件生态系统,支持团队协作和版本管理。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/88099.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/88099.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何将 Java 项目打包为可执行 JAR 文件

如何将 Java 项目打包为可执行 JAR 文件我将详细介绍将 Java 项目打包为可执行 JAR 文件的完整流程,包括使用 IDE 和命令行两种方法。方法一:使用 IntelliJ IDEA 打包步骤 1:配置项目结构打开项目点击 File > Project Structure在 Project…

【Starrocks 异常解决】-- mysql flink sync to starrocks row error

1、异常信息 flink 1.20 starrocks 3.3.0 mysql 8.0 errorLog: Error: Target column count: 35 doesnt match source value column count: 28. Column separator: \t, Row delimiter: \n. Row: 2025-05-22 6 23400055 214 dssd 1 1 1928 mm2er 360 20000.00000000 1…

Jenkins 使用宿主机的Docker

背景:不想在Jenkins 内部安装Docker,想直接使用Jenkins服务所在的系统安装的docker当你在 Jenkins 中执行 docker 命令时,实际上是通过 Docker 客户端与 Docker 守护进程进行通信。Docker 客户端和守护进程之间的通信是通过一个名为 /var/run/docker.soc…

工具+服务双驱动:创客匠人打造中医IP差异化竞争力

一、技术工具场景化定制:中医专业的可视化破圈在中医IP同质化严重的行业现状下,创客匠人以场景化技术工具破解专业传播难题。系统内置的“体质测试”模块可生成个性化调理报告,“案例库”支持前后对比图上传,“直播问诊”自动添加…

JVM对象分配内存如何保证线程安全?

大家好,我是锋哥。今天分享关于【JVM对象分配内存如何保证线程安全?】面试题。希望对大家有帮助; JVM对象分配内存如何保证线程安全? 超硬核AI学习资料,现在永久免费了! 在Java中,JVM&#xf…

机器学习中的数据对齐

文章目录前言数据集怎么理解数据数据对齐为什么偏偏是这样对齐?前言 在神经网络中,我们往往会根据数据集构建训练集、测试集,有时会有验证集。但是,在构建完成后,如果直接将这些数据直接扔进模型训练,输入…

机器学习:更多分类回归算法之决策树、SVM、KNN

下面介绍的这几种算法,既能用于回归问题又能用于分类问题,接下来了解下吧。 决策树 可参考: 决策树(Decision Tree) | 菜鸟教程 决策树(Decision Tree)是一种常用的监督学习算法,可用…

Vue 整合 Vue Flow:从零构建交互式流程图

目录引言目的适用场景环境准备基础组件 (index.vue)自定义组件 (矩形、菱形等)RectangleNode.vue (矩形节点):DiamondNode.vue (菱形节点):ImageNode(自定义图片节点):操作实现 (#操作实现) 拖拽节点 (#拖拽节点) 连线 (多连接点) 删除节点 …

C# WPF - Prism 学习篇:搭建项目(一)

一、前期准备开发工具:Visual Studio 2022二、创建项目1、创建WPF 应用“WpfApp.StudyDemo”:2、项目结构如下: 三、安装 Prism1、选中项目“WpfApp.PrismDemo”,在右键菜单中选择“管理 NuGet 程序包(N)...”。2、在搜索框中输入…

单片机 基于rt-thread 系统 使用 CCM内存

一、开发环境 开发板:野火stm32f407 系统:rt-thread V4.1.1 二、链接脚本配置 ; ************************************************************* ; *** Scatter-Loading Description File generated by uVision *** ; ****************************…

【UnityAssetBundle】AB包卸载资源

AB包的卸载高效稳定游戏开发的强制要求,它解决了资源管理中的内存泄漏问题,为动态的内容加载、热更新、大型世界的构建提供了内存保障,最终提升了游戏性能、稳定性和用户体验。卸载资源方式一(推荐使用):卸…

【万字长文】深度学习2 yolov5修改为自己的数据集

数据预处理 使用labelme可以直接导出适用于yolo模型的txt文本数据,也可以直接导出默认的json数据结构,后面我会提供代码进行转换。自行进行标注,图片与标注一一对应,更多要求不赘述。因为我做最简单的检索模型,不做切…

ubuntu18编译RealSense SDK 2.0

参考文章:https://dev.intelrealsense.com/docs/compiling-librealsense-for-linux-ubuntu-guide1、安装依赖 sudo apt-get update && sudo apt-get upgrade && sudo apt-get dist-upgrade sudo apt-get install libssl-dev libusb-1.0-0-dev libud…

算法学习笔记:9.Kruskal 算法——从原理到实战,涵盖 LeetCode 与考研 408 例题

在图论的众多算法中,Kruskal 算法以其简洁高效的特性,成为求解最小生成树(Minimum Spanning Tree,MST)的经典方法。无论是在通信网络的优化设计、电路布线的成本控制,还是在计算机考研 408 的备考过程中&am…

Vue+Openlayers加载OSM、加载天地图

文章目录1. 介绍2. 加载底图2.1 加载默认OSM地图2.2 加载天地图1. 介绍 Openlayers官网:https://openlayers.org/ 安裝依赖:npm i ol 2. 加载底图 参考博客: vueopenlayers环境配置:https://blog.csdn.net/cuclife/article/det…

Python处理电子表格文件库之pyexcel使用详解

概要 pyexcel是一个功能强大的Python第三方库,专门用于处理各种格式的电子表格文件。核心价值在于提供了统一的接口来读取、写入和操作Excel、CSV、ODS等多种电子表格格式,极大简化了数据处理工作流程。与传统的单一格式处理库不同,pyexcel采用了插件化架构,使开发者能够通…

【网络安全】恶意 Python 包“psslib”仿冒 passlib,可导致 Windows 系统关闭

文章目录恶意 Python 包“psslib”仿冒 passlib如何避免psslib的威胁恶意 Python 包“psslib”仿冒 passlib Socket 的威胁研究团队发现了一个名为 psslib 的恶意 Python 包,旨在以提供密码安全功能为幌子突然关闭 Windows 系统。 该软件包由威胁行为者使用别名 u…

ai之对接电信ds后端服务,通过nginx代理转发https为http,对外请求,保持到达第三方后请求头不变

前置环境: 在微信小程序中嵌入H5页面(智能客服),需要让h5页面在https的域名服务器上。即通过 nginx 部署成web服务,还得配置域名和端口443访问。电信的第三方deepseek服务 ,只接收http请求,暂未…

第十四节:Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - Flask 后端 生产部署讲解

Vben5 系列文章目录 💻 基础篇 ✅ 第一节:Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 ✅ 第二节:Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - Python Flask 后端开发详解(附源码) ✅ 第三节:Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入…

Unity开发如何解决iOS闪退问题

一、iOS闪退常见原因及排查方法1. 内存问题(最常见原因) 症状表现: 设备发热后闪退 加载大型场景时崩溃 控制台出现EXC_RESOURCE RESOURCE_TYPE_MEMORY日志 解决方案: // 内存监控代码 void Update() { Debug.Log($"内存使用…