uni-app使用uni-ui加ts类型限制
- 安装 uni-ui 组件库
pnpm i @dcloudio/uni-ui
- 配置自动导入组件
// pages.json
{// 组件自动导入"easycom": {"autoscan": true,"custom": {// uni-ui 规则如下配置 "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue" }},"pages": [// …省略]
}
- 安装类型声明文件
pnpm i -D @uni-helper/uni-ui-types
- 配置类型声明文件
// tsconfig.json
{"compilerOptions": {// ..."types": ["@dcloudio/types", // uni-app API 类型"miniprogram-api-typings", // 原生微信小程序类型"@uni-helper/uni-app-types", // uni-app 组件类型"@uni-helper/uni-ui-types" // uni-ui 组件类型 ]},// vue 编译器类型，校验标签类型"vueCompilerOptions": {"nativeTags": ["block", "component", "template", "slot"]}
}
以上即安装组件库+ts类型限制
