eslint plugin vue
v9.32.0
vue.js的官方ESLINT插件
請參閱官方網站。
該插件遵循語義版本控制和ESLINT的語義版本策略。
該項目使用GitHub版本。
歡迎貢獻!請參閱《 Eslint Vue插件開發人員指南》。
在開始編寫新規則之前,請務必閱讀官方ESLINT指南。
要查看代碼的抽象語法樹(AST)的樣子,您可以使用AST Explorer。打開AST Explorer後,將Vue選擇為語法和vue-eslint-parser作為解析器。
必須更換默認的JavaScript解析器,因為vue.js單文件組件不是普通的JavaScript,而是自定義文件格式。 vue-eslint-parser是一個替代解析器,它使用代表模板語法的特定部分以及<script> tag的內容生成增強的AST。
要在生產的AST中了解有關某些節點的更多信息,請參見Estree項目頁面和Vue-Eslint-Parser AST文檔。
vue-eslint-parser提供了一些有用的解析器服務,以幫助穿越生產的AST和訪問模板令牌:
context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)context.parserServices.getTemplateBodyTokenStore()查看一個示例規則以查看這些服務的使用情況。
請注意,根據您在測試中編寫的代碼樣本,必須相應地設置RuleTester Parser屬性(可以按測試進行測試)。在這裡查看一個示例。
如果您陷入困境,請記住有許多規則可供參考。如果找不到正確的解決方案,請隨時在問題中脫穎而出 - 我們很樂意提供幫助!
有關許可權和限制(MIT),請參見許可證文件。