Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

818
Vistas
¿Cómo configurar lint-staged para proyectos Vue?

Creé una nueva aplicación Vue3 usando Vue CLI y seleccioné Prettier para mi configuración de linter. Quiero usar commitlint, husky y lint-staged para validar los mensajes de confirmación y borrar el código antes de enviarlo.

Lo que hice

Basado en https://commitlint.js.org/#/guides-local-setup , configuro commitlint con husky

 npm install --save-dev @commitlint/{cli,config-conventional} echo "module.exports = { extends: ['@commitlint/config-conventional'] };" > commitlint.config.js npm install husky --save-dev npx husky install npx husky add .husky/commit-msg 'npx --no -- commitlint --edit $1'

Basado en https://github.com/okonet/lint-staged#installation-and-setup Configuré lint-staged

 npx mrm@2 lint-staged

y dentro del paquete.json lo reemplazo

 "lint-staged": { "*.js": "eslint --cache --fix" }

con

 "lint-staged": { "*": "npm run lint" }

El problema

Al modificar el archivo README.md en el proyecto para

 # my-repo --- new commit

e intente confirmar que recibo el siguiente mensaje de error

 > git -c user.useConfigOnly=true commit --quiet --allow-empty-message --file - [STARTED] Preparing... [SUCCESS] Preparing... [STARTED] Running tasks... [STARTED] Running tasks for * [STARTED] npm run lint [FAILED] npm run lint [FAILED] [SUCCESS] Running tasks... [STARTED] Applying modifications... [SKIPPED] Skipped because of errors from tasks. [STARTED] Reverting to original state because of errors... [SUCCESS] Reverting to original state because of errors... [STARTED] Cleaning up... [SUCCESS] Cleaning up... ✖ npm run lint: > my-repo@0.1.0 lint > vue-cli-service lint "/home/.../my-repo/README.md" error: Parsing error: Invalid character at README.md:1:1: > 1 | # my-repo | ^ 2 | 3 | --- 4 | 1 error found. npm ERR! code 1 npm ERR! path /home/my-repo npm ERR! command failed npm ERR! command sh -c lint-staged npm ERR! A complete log of this run can be found in: npm ERR! /home/.../.npm/_logs/2021-12-27T10_07_27_498Z-debug.log husky - pre-commit hook exited with code 1 (error)

que deberia hacer

Solo corrige los archivos que han sido modificados. El linter conoce los archivos que puede reparar (js, ts, vue, html, ...).

Cuando tengo un archivo de descuento modificado, no obtengo errores al abrir la terminal y ejecutar npm run lint . Pero recibo errores cuando uso lint-staged con esta configuración "*": "npm run lint"

¿Cuál es la configuración correcta para lint-staged para lint archivos "lintable" solamente?

over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

1

debe realizar ajustes adicionales para las extensiones de archivo:

 "lint-staged": { "*.{js,vue}": [ "prettier src --write", "eslint --ext .js,.vue --ignore-path .gitignore --fix src" ], "*.{md,scss}": [ "prettier src --write" ] }
about 4 years ago · Tusko Trush Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda