m0_71207979的博客

安装完成后，打开 HBuilderX，进入 “工具> 插件安装”，确认 “Uniapp 编译插件” 已安装（默认已装，若没有则手动安装）。开启服务端口：进入 “设置> 安全设置”，勾选 “开启服务端口”（HBuilderX 需通过此端口连接微信开发者工具）。打开 HBuilderX，进入 “工具> 设置 > 运行配置 > 微信开发者工具路径”。，下载 “App 开发版”（含 Uniapp 核心插件，无需额外安装）。安装完成后，打开工具，登录微信账号（需绑定小程序账号，个人账号也可）。，下载对应系统的版本。

uniapp+vue3虽然有很多适配兼容方面的问题，但是优点也是很多，并且UniApp官方也推荐新项目使用Vue3，未来生态将更多聚焦Vue3。

安装uView# 或通过uni_modules安装在uni-app插件市场搜索uView，导入到项目中<template><button</button>type: {},size: {},})if (!</script></style>"pages": ["style": {"navigationBarTitleText": "首页","navigationStyle": "custom", // 自定义导航栏-- 自定义导航栏组件 -->

当开发完成后，需打包并提交到微信公众平台审核。

Uniapp 封装了小程序的原生 API 和组件，提供更统一的调用方式。

均基于setup语法糖。

打开 HBuilderX，点击 “文件> 新建 > 项目”。选择 “Uniapp 项目”，填写以下信息：目录：选择本地文件夹（建议新建一个专门的开发文件夹，避免路径含中文）。模板：选择 “默认模板（Vue3）”（务必选 Vue3，否则后续无法使用 Vue3 语法）。勾选 “启用 TypeScript”（可选，小白建议先不勾，用 JavaScript 更易上手）。勾选 “创建 git 仓库”（可选，用于版本管理）。点击 “创建”，项目初始化完成（首次创建会自动下载依赖，需等待 1-2 分钟）。