为了让 ESLint 支持 Uniapp 的全局对象 uni 和 H5+ 的 plus,你需要在 ESLint 配置文件中声明这些全局变量。你可以使用 globals 选项来配置这些全局对象。以下是一个示例,展示如何在 .eslintrc.json 中配置 ESLint 以支持这些全局变量。
示例配置
.eslintrc.json
json
复制代码
{"env": {"browser": true, // 启用浏览器环境的全局变量"node": true, // 启用 Node.js 环境的全局变量"es6": true // 启用 ES6 语法支持},"globals": {"uni": "readonly", // Uniapp 全局对象"plus": "readonly" // H5+ 全局对象},"rules": {// 其他 ESLint 规则配置}
}
详细说明
env 选项:
browser: 启用浏览器环境的全局变量,例如 window 和 document。
node: 启用 Node.js 环境的全局变量,例如 process 和 global。
es6: 启用 ES6 语法支持,例如 let 和 const。
globals 选项:
uni: 声明 Uniapp 全局对象为只读。
plus: 声明 H5+ 全局对象为只读。
使用示例
在配置好 ESLint 之后,你可以在代码中直接使用这些全局变量,而不会触发 no-undef 规则的错误:
// 示例:使用 Uniapp 全局对象
uni.showToast({title: 'Hello Uniapp'
});// 示例:使用 H5+ 全局对象
plus.nativeUI.toast('Hello H5+');