HBuilder X 4.76 开发微信小程序集成 uview-plus

简介

本文记录了在HBuilder中创建并配置uni-app项目的完整流程。

首先创建项目并测试运行,确认无报错后添加uView-Plus组件库。

随后修改了main.js、uni.scss、App.vue等核心文件,配置manifest.json并安装dayjs、clipboard等依赖库。

通过调整vite.config.js和添加rollup-plugin-visualizer插件优化构建配置,同时启用easycom组件模式。

最后完成了TypeScript支持配置,并通过多张截图展示了各组件在不同主题色下的测试效果,验证了整个项目的正常运行。

整个过程涵盖了从初始化到UI组件集成的完整开发环节。

创建项目

测试运行


需要在HBuilder 中补上AppId

运行正常,没有报错。

添加 uview-plus

打开地址 https://ext.dcloud.net.cn/plugin?name=uview-plus



修改 main.js

修改 uni.scss

修改App.vue

配置manifest

安装依赖库

bash 复制代码
npm init -y
npm i dayjs
npm i clipboard


修改 vite.config.js



安装 :rollup-plugin-visualizer

bash 复制代码
npm i rollup-plugin-visualizer -D 

配置easycom组件模式

typescript支持


测试






补充:清理日志



好了,这样日志旧干净了。

相关推荐
2501_915909068 小时前
iOS 应用反调试技详解术 检测调试器的原理与防护实践
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张11 小时前
iOS加固技术路线全面解析:Bitcode模式、源码模式与汇编模式对比及爱加密优势
android·汇编·ios·小程序·uni-app·cocoa·iphone
海纳百川·纳海川11 小时前
租房行业数字化:换个思路解决“老问题”
大数据·微信小程序·小程序
上海云盾-小余1 天前
CC 高频请求 + DDoS 流量攻击实战防御:全链路 WAF 流量清洗部署完整流程
网络·爬虫·安全·小程序·ddos
2501_916008891 天前
iOS IPA文件反编译与打包操作方法,拆包分析防护和加固打包
android·macos·ios·小程序·uni-app·cocoa·iphone
2301_810313181 天前
海外教育APP定制发展现状与开发选型核心要点解析
小程序·团队开发·软件需求
2501_915921431 天前
iOS手游安全反外挂解决方案:基于Xcode的加固混淆特色详解
android·安全·ios·小程序·uni-app·iphone·xcode
禾高网络1 天前
回收小程序在环保和商业领域发挥更大的作用
java·大数据·人工智能·小程序
2501_916007471 天前
iOS App分发教程 App Store、TestFlight 与 Ad Hoc 的配置与上传方法
android·ios·小程序·https·uni-app·iphone·webview
JasonMa1532 天前
从零搭建一个微信小程序活动管理平台(一):架构设计与技术选型
javascript·微信小程序·node.js