Complemento oficial de Eslint para Vue.js
Consulte el sitio web oficial.
Este complemento sigue a las versiones semánticas y la política de versiones semánticas de Eslint.
Este proyecto utiliza lanzamientos de GitHub.
¡Contribuir es bienvenido! Consulte la Guía del desarrollador de complementos de Eslint Vue.
Asegúrese de leer la guía oficial de Eslint antes de comenzar a escribir una nueva regla.
Para ver cómo se ve un árbol de sintaxis abstracto (AST) de su código, puede usar AST Explorer. Después de abrir AST Explorer, seleccione Vue como sintaxis y vue-eslint-parser como el analizador.
El analizador de JavaScript predeterminado debe reemplazarse porque los componentes de un solo archivo vue.js no son JavaScript simples, sino un formato de archivo personalizado. vue-eslint-parser es un analizador de reemplazo que genera un AST mejorado con nodos que representan partes específicas de la sintaxis de la plantilla, así como el contenido de la etiqueta <script> .
Para obtener más información sobre ciertos nodos en un AST producido, consulte la página del Proyecto Estree y la documentación AST de Vue-Slint-Parser.
vue-eslint-parser proporciona algunos servicios útiles útiles para ayudar a atravesar los tokens AST y Access Plantilla de acceso: Tokens:
context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)context.parserServices.getTemplateBodyTokenStore()Vea una regla de ejemplo para ver el uso de estos servicios.
Tenga en cuenta que, dependiendo de las muestras de código que escriba en las pruebas, la propiedad del analizador RuleTester debe establecerse en consecuencia (esto se puede hacer en una prueba por prueba). Vea un ejemplo aquí.
Si está atascado, recuerde que hay muchas reglas disponibles para referencia. Si no puede encontrar la solución correcta, no dude en comunicarse con problemas, ¡estamos felices de ayudar!
Consulte el archivo de licencia para los derechos y limitaciones de la licencia (MIT).