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

2. 配置自动导入功能
   在pages.json文件里添加easycom节点:

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

3. 添加组件类型提示

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