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
相关推荐
浪九天8 分钟前
Vue 不同大版本与 Node.js 版本匹配的详细参数
前端·vue.js·node.js
qianmoQ40 分钟前
第五章:工程化实践 - 第三节 - Tailwind CSS 大型项目最佳实践
前端·css
椰果uu1 小时前
前端八股万文总结——JS+ES6
前端·javascript·es6
likeyou~coucou1 小时前
自动化之ansible(二)
运维·自动化·ansible
小红帽2.01 小时前
客服系统自动化方案:揭秘全渠道智能服务解决方案 vx: haotsh
运维·自动化
微wx笑1 小时前
chrome扩展程序如何实现国际化
前端·chrome
AirtestProject1 小时前
Airtest与持续集成(CI)工具的集成实操案例
自动化测试·ci/cd·自动化·网易airtest
~废弃回忆 �༄1 小时前
CSS中伪类选择器
前端·javascript·css·css中伪类选择器
CUIYD_19891 小时前
Chrome 浏览器(版本号49之后)‌解决跨域问题
前端·chrome
IT、木易2 小时前
跟着AI学vue第五章
前端·javascript·vue.js