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.配置,以上步骤完成之后要配置才能使用

配置:

相关推荐
河北清兮网络科技9 小时前
短剧 APP 产品说明
小程序·uni-app·短剧
宠友信息14 小时前
一套基于uniapp+springboot完整社区系统是如何实现的?友猫社区源码级功能解析
java·spring boot·后端·微服务·微信·uni-app
碎像1 天前
掌握uniapp发布微信小程序、App(Android)
微信小程序·小程序·uni-app
stpzhf1 天前
uniapp nvue组件多个text在一行并且高亮其中一些文字
前端·javascript·uni-app
qq_316837751 天前
制作uniapp原生插件 在本地离线打包中测试 集成在云打包中
uni-app
程序媛徐师姐1 天前
Java基于SSM的实验室管理微信小程序,附源码+文档说明
java·微信小程序·实验室管理·实验室管理微信小程序·java实验室管理微信小程序·java实验室管理小程序·实验室管理小程序
Fate_I_C2 天前
uniappx 鸿蒙运行包制作失败
华为·uni-app·uniapp·harmonyos
chQHk57BN2 天前
跨平台前端开发:用Flutter和UniApp一次编写多端运行
flutter·uni-app
自然 醒3 天前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
CHB3 天前
uni-agent,你的数字员工来了
人工智能·uni-app·vibecoding