Hbuilder X开发微信小程序:利用uni-app和uview UI框架创建项目详细步骤

一、准备工作

1.Hbuilder X2.5.1及以上的稳定版,方便引入easycom模式(在某个页面可以直接使用组件,无需通过import引入组件

二、开始创建项目

1.Hbuilder X 按照以下步骤创建好之后得到项目文件夹

2.安装uview UI框架

uview官网的安装链接:安装 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架

去uni-app插件市场通过uni_modules的形式进行安装

下载地址:uView2.0重磅发布,利剑出鞘,一统江湖 - DCloud 插件市场

导入成功Hbuilder X控制台会提示

3.uView依赖SCSS,必须要安装此插件

在Hbuilder X菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装, 如不生效,重启HX。

4.配置,以上步骤完成之后要配置才能使用

配置:

相关推荐
脱脱克克8 小时前
使用 TRAE / VS Code + DeepSeek V4 开发微信小程序、网页
微信小程序·ai编程·环境配置
2501_915921438 小时前
uni-app 上架 iOS 的完整流程(无需依赖 Mac)
android·macos·ios·小程序·uni-app·iphone·webview
前端 贾公子8 小时前
使用 wxappUnpacker 工具进行 MAC 微信小程序反编译
macos·微信小程序·小程序
于先生吖1 天前
前后端分离二手商城开发,质检登记、回收回款整套业务源码部署教程
java·开发语言·uni-app
Geek_Vison1 天前
政务一网通APP如何引入AI能力,通过一个AI助手就能够调用所有的功能,实现对话即办事
人工智能·ai·小程序·uni-app·小程序容器
爱分享的小诺1 天前
微信小程序2.0人脸审核,1.0升级到2.0
微信小程序·小程序
打瞌睡的朱尤1 天前
微信小程序(黑马)4-5
微信小程序·小程序
凌奕2 天前
微信小程序接入微信 AI:让用户"说一句话"就能下单
微信·微信小程序·agent
倒流时光三十年2 天前
第十八章 搜索历史保存功能实现记录
spring boot·微信小程序
倒流时光三十年2 天前
第十七章 投票页面增加搜索功能
spring boot·微信小程序