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

配置:

相关推荐
三天不学习5 小时前
uniapp x 学习之 uts 语言快速入门
学习·uni-app
人民广场吃泡面6 小时前
UniApp 运行的微信小程序如何进行深度优化
微信小程序·小程序·uni-app
编程毕设6 小时前
【含文档+PPT+源码】基于微信小程序的在线考试与选课教学辅助系统
java·微信小程序·小程序
程序员大澈7 小时前
4个 Vue 路由实现的过程
javascript·vue.js·uni-app
JAVA叶知秋11 小时前
完美解决uni-app打开页面无法自动播放视频的问题
前端·uni-app·音视频
狼性书生15 小时前
uniapp实现的个人中心页面(仿小红书)
uni-app·vue
明耀1 天前
uniapp或者vue 使用serialport
前端·vue.js·uni-app
xiyueta1 天前
基于 uni-app 和 Vue3 开发的汉字书写练习应用
uni-app·canvas
黛色正浓1 天前
【uniapp】新闻列表+跳转详情页+评论展示(uni.request请求接口)
前端·javascript·uni-app