uni-ui自动化导入

2024年8月6日

https://uniapp.dcloud.net.cn/component/uniui/uni-ui.html

  1. 安装

https://www.npmjs.com/package/@dcloudio/uni-ui

npm i @dcloudio/uni-ui
  1. 配置自动导入功能
    在pages.json文件里添加easycom节点:

    "easycom": {
    "autoscan": true,
    "custom": {
    // uni-ui 规则如下配置
    "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
    }
    },

  2. 添加组件类型提示

https://www.npmjs.com/package/@uni-helper/uni-app-types

当项目为ts开发时,需要对组件有类型说明,因为uni-ui是js开发的所以需要安装一个插件来补充类型说明

npm i -D @uni-helper/uni-app-types

就本文时间,当前从官网克隆的以ts开发的uni-app项目,ts版本<5。而该插件需要ts>=5,所以需要进行升级。

npm install typescript@^5.0.0
相关推荐
NetX行者15 分钟前
基于Vue3与ABP vNext 8.0框架实现耗时业务处理的进度条功能
前端·vue.js·进度条·状态模式
2401_8576176221 分钟前
药房智控:中药实验管理的自动化
运维·自动化
顾辰呀44 分钟前
WebSocket实战,后台修改订单状态,前台实现数据变更,提供前端和后端多种语言
前端
林奇lc1 小时前
elementUI select,option变化,如果option不存在上次的选项,自动清空上次的选择
前端·vue.js·elementui
杨荧1 小时前
【开源免费】基于Vue和SpringBoot的实习管理系统(附论文)
java·前端·javascript·vue.js·spring boot·spring cloud·java-ee
软件小伟1 小时前
Element UI如何实现按需导入--Vue3篇
前端·javascript·ui·elementui·vue
swipe1 小时前
Typescript进阶之类型体操套路四
前端·javascript·typescript
明川2 小时前
Android 性能优化:内存优化(理论篇)
android·前端·性能优化
liulanba2 小时前
Kotlin的data class
前端·微信·kotlin