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

配置:

相关推荐
样子20188 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
fakaifa10 小时前
点大餐饮独立版系统源码v1.0.3+uniapp前端+搭建教程
小程序·uni-app·php·源码下载·点大餐饮·扫码点单
Bug改不动了13 小时前
React Native 与 UniApp 对比
react native·react.js·uni-app
anyup15 小时前
🔥🔥 10 天 Star 破百!uView Pro 文档也开源啦:完全免费、无广告、高效上手
前端·vue.js·uni-app
Dignity_呱16 小时前
如何在不发版时,实现小程序的 AB 测试?
前端·面试·微信小程序
fakaifa1 天前
【最新版】CRMEB Pro版v3.4系统源码全开源+PC端+uniapp前端+搭建教程
人工智能·小程序·uni-app·php·crmeb·源码下载·crmebpro
2501_915918411 天前
iOS 应用上架全流程实践,从开发内测到正式发布的多工具组合方案
android·ios·小程序·https·uni-app·iphone·webview
咸虾米_2 天前
微信小程序通过uni.chooseLocation打开地图选择位置,相关设置及可能出现的问题
微信小程序·小程序·uniapp开发·小程序地图api
梦里寻码2 天前
自行食用 uniapp 多端 手写签名组件
前端·uni-app
不如摸鱼去2 天前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
微信小程序·小程序·uni-app·aigc·ai编程