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

配置:

相关推荐
aklry1 小时前
uniapp三步完成生成一维码图片
uni-app
汤姆yu10 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
雪芽蓝域zzs11 小时前
uniapp 国密sm2加密
uni-app
一渊之隔20 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
打不着的大喇叭21 小时前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
zengzehui21 小时前
uniapp启动图被拉伸问题
uni-app
iOS阿玮1 天前
AppStore教你一招免备案的骚操作!
uni-app·app·apple
racerun1 天前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
ModyQyW2 天前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
HERR_QQ2 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序