uni-app使用uni-ui加ts类型限制

2024-01-09 06:47:41

uni-app使用uni-ui加ts类型限制

  1. 安装 uni-ui 组件库
pnpm i @dcloudio/uni-ui
  1. 配置自动导入组件
// pages.json
{
  // 组件自动导入
  "easycom": {
    "autoscan": true,
    "custom": {
      // uni-ui 规则如下配置  
      "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue" 
    }
  },
  "pages": [
    // …省略
  ]
}
  1. 安装类型声明文件
pnpm i -D @uni-helper/uni-ui-types
  1. 配置类型声明文件
// 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类型限制

文章来源:https://blog.csdn.net/web5219/article/details/135416216
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。