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

配置:

相关推荐
2501_933907218 小时前
南京本凡科技,怎么选择专业小程序开发才能提升品牌竞争力?
科技·微信小程序·小程序
笨笨狗吞噬者9 小时前
维护 uniapp 小程序端近一年,我想拉一个开发者交流群
前端·程序员·uni-app
心无旁骛~9 小时前
【Claude Code开发】AI记账助手(miaozhang)微信小程序开发与部署完整指南
人工智能·微信小程序·notepad++
2501_9339072111 小时前
本凡科技提供的宁波小程序开发服务全面解决方案
科技·微信小程序·小程序
阿珊和她的猫12 小时前
微信小程序静默授权异步问题的处理方案
微信小程序·状态模式·notepad++
左师佑图12 小时前
微信小程序集成 Day.js 插件的完整解决方案
微信小程序·小程序
2501_9339072112 小时前
本凡科技提供宁波小程序服务与定制解决方案
科技·微信小程序·小程序
2501_9339072121 小时前
宁波小程序开发服务与技术团队专业支持
科技·微信小程序·小程序
sheji34161 天前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序
const_qiu1 天前
微信小程序自动化测试100%通过率实践
微信小程序·小程序