eslint-plugin-wxmlwxml 代码检查插件

联合创作 · 2023-09-24 14:14

eslint-plugin-wxml

为 lint 微信小程序 wxml 文件而开发的 eslint 插件,可使用 eslint 来检查微信小程序项目内的 wxml 代码

vscode eslint-plugin-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

浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报