为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
评论