layui TypeScript 类型声明文件

[Sight-wcg]

https://www.npmjs.com/package/@types/layui

layui 类型声明文件，为 layui 提供编辑器中的代码补全和智能提示，增强开发效率。

使用

构建工具场景

安装 @types/layui 依赖

npm install @types/layui -D

非构建工具场景

1. Jetbrains 系 IDE: 配置自定义第三方 JavaScript 库

   • 通过 npm 将 @types/layui 下载到本地任意目录
   • 打开 IDE 设置 > 语言和框架 > JavaScript > 库
   • 点击 添加 按钮（也可以点击下载按钮直接在 IDE 中下载）
   • 附加目录 选择本地目录的 @types/layui
   • 点击 确定 按钮

2. Visual Studio Code: 使用 JavaScript

   • 通过 npm 将 @types/layui 下载到本地任意目录
   • 在项目中创建 types 文件夹
   • 将 @types/layui 文件复制到 types 文件夹
   • 配置 jsconfig.json
     • 在项目根目录创建 jsconfig.json

{
   "compilerOptions": {
      "checkJs": true
    }
}

VS Code 不支持 HTML 内联 Script 标签中的第三方库自动补全和提示，参考 https://github.com/microsoft/vscode/issues/26338， 可以安装 html-by-volar-0.0.5-d20be50.vsix.zip 解决。

致谢

感谢 @javabitar，@types/layui 基于 @types/layui-src 制作。因为 npm 包名的不可变性以及 DefinitelyTyped 仓库的更新规则，我们只能创建新的包来更新 layui 类型定义。