uni-ui自动化导入
2024年8月6日
https://uniapp.dcloud.net.cn/component/uniui/uni-ui.html
- 安装
https://www.npmjs.com/package/@dcloudio/uni-ui
npm i @dcloudio/uni-ui
- 配置自动导入功能
在pages.json文件里添加easycom节点:
"easycom": {
"autoscan": true,
"custom": {
// uni-ui 规则如下配置
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
}
},
- 添加组件类型提示
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