uni-ui 是基于内置组件的一个拓展补充,它是更加稳定和安全的,且适配多端。
我们来看到官方文档:
安装:
npm i @dcloudio/uni-ui
配置自动导入组件:
使用 npm 安装好 uni-ui 之后,需要配置 easycom 规则,让 npm 安装的组件支持 easycom
打开项目根目录下的 pages.json 并添加 easycom 节点:
// pages.json { "easycom": { "autoscan": true, "custom": { // uni-ui 规则如下配置 "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue" } }, // 其他内容 pages:[ // ... ] }
重新启动
由于该项目使用了 TypeScript,因此存在这样一个问题:就是我们希望类型更加安全,就是可以希望组件有类型提示,但是呢?这个 uni-ui 组件使用的是 Js 进行开发的,因此没有类型的提示,此时:就可以安装一个插件:
现在就可以看到了