赞
踩
为了让 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+');
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。