Offizielles Eslint -Plugin für Vue.js
Bitte beachten Sie die offizielle Website.
Dieses Plugin folgt der semantischen Versioning und der semantischen Versionsrichtlinie von Eslintlint.
Dieses Projekt verwendet Github -Releases.
Der Beitrag ist willkommen! Siehe den Eslint Vue Plugin Developer Guide.
Lesen Sie unbedingt den offiziellen Eslint -Leitfaden, bevor Sie eine neue Regel schreiben.
Um zu sehen, wie ein abstrakter Syntaxbaum (AST) Ihres Codes aussieht, können Sie AST Explorer verwenden. Wählen Sie nach dem Öffnen von AST-Explorer Vue als Syntax und vue-eslint-parser als Parser aus.
Der Standard -JavaScript -Parser muss ersetzt werden, da die Einzeldateikomponenten von VUE.JS nicht einfach JavaScript, sondern ein benutzerdefiniertes Dateiformat sind. vue-eslint-parser ist ein Ersatzparser, der einen erweiterten AST mit Knoten erzeugt, die bestimmte Teile der Vorlagensyntax darstellen, sowie den Inhalt des <script> -Tags.
Weitere Informationen über bestimmte Knoten in einem produzierten AST finden Sie auf der Estree-Projektseite und der Vue-E-ESLint-Parser-AST-Dokumentation.
vue-eslint-parser bietet einige nützliche Parser-Dienste, um die produzierten AST- und Access-Vorlagen-Token zu durchqueren:
context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)context.parserServices.getTemplateBodyTokenStore()Schauen Sie sich eine Beispielregel an, um die Verwendung dieser Dienste zu sehen.
Beachten Sie, dass je nach den Code -Stichproben, die Sie in Tests schreiben, die RuleTester Parser -Eigenschaft entsprechend festgelegt werden muss (dies kann auf einer Testbasis durch Test durchgeführt werden). Sehen Sie hier ein Beispiel.
Wenn Sie festsitzen, denken Sie daran, dass viele Regeln als Referenz verfügbar sind. Wenn Sie nicht die richtige Lösung finden, zögern Sie nicht, sich mit Problemen zu wenden - wir helfen gerne!
Siehe die Lizenzdatei für Lizenzrechte und Einschränkungen (MIT).