uni-app的uni-ui引入和运行

uni-ui的下载和使用

1)uni-ui 是全端兼容的基于flex布局的ui库; 2)可以使用 npm 的安装使用方式,也可下载相关组件直接使用; 3)uni-ui 不支持使用 Vue.use() 的方式安装 4)uni-ui 依赖 scss,若是 HBuilderX 中创建的 uni-app 项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下npm安装node-sass 和 sass-loader

1,在项目目录下打开终端

先执行:npm init -y

2,下载uni-ui

npm install @dcloudio/uni-ui

3,随便使用一个组件

这里我用日历组件做示范

注意:按需引入和components!

由于下载了uni-app需要用到scss,所以在未下载之前会出现scss报错,正常直接点击那个报错路径进去下载

或者点击工具---插件安装----安装新插件

点击前往插件市场安装

使用HBuilder导入插件

这里需要登录,登录后即可下载配置

最后就可以运行成功

经验分享 程序员 微信小程序 职场和发展