eslint-plugin-wxmlwxml 代码检查插件
eslint-plugin-wxml
为 lint 微信小程序 wxml 文件而开发的 eslint 插件,可使用 eslint 来检查微信小程序项目内的 wxml 代码
当开发者使用 VSCode 或者 Webstorm 时可以得到代码错误提示,目前支持的 lint 规则如下:
1. wxml/colon-style-event-binding 强制使用:冒号隔开时间绑定
2. wxml/empty-tag-self-closing 空标签必须自闭合
3. wxml/forbid-tags 配置禁止使用的 wxml 标签
4. wxml/max-depth 设置 wxml 组件树最大深度
5. wxml/max-len 设置单行代码最大宽度
6. wxml/max-lines 设置单个 wxml 文件最多代码行数,防止产生巨形单组件
7. wxml/no-const-and-let-in-wxs 禁止在 wxs 内使用 let 和 const,目前微信小程序 wxs 只支持 var 声明变量
8. wxml/no-dot-this-in-wx-key 禁止使用 *this 作为wx:key
9. wxml/no-duplicate-attributes 禁止出现重复的组件属性
10. wxml/no-dynamic-wx-key 禁止使用动态wx:key
11. wxml/no-index-in-wx-key 禁止使用 index 作为wx:key
12. wxml/no-inline-wxs 禁止使用内联wxs
13. wxml/no-unexpected-string-bool 禁止使用true/false字符串,产生预期外的行为
14. wxml/no-unnecessary-block 优化block的使用
15. wxml/no-vue-directive 禁止在微信小程序里错误的使用 vuejs 相关指令
16. wxml/quotes 设置单双引号的代码风格
17. wxml/report-wxml-syntax-error 允许提示wxml语法错误
18. wxml/report-wxs-syntax-error 允许提示内联wxs里的js语法错误
19. wxml/required-attirbutes 设置组件必填属性参数
20. wxml/wx-key 允许提示循环时缺少wx:key声明
21. wxml/wxs-module-prop 允许提示wxs标签module属性相关检查
22. wxml/wxs-must-be-top-level 强制要求wxs必须为顶层标签
规则相关配置请查看文档: https://eslint-plugin-wxml.js.org , 如果没有满足需求的rule,请到Github项目仓库提issue