webstorm - standard - use eslint to lint your code

¿Cómo hacer código de formato WebStorm según eslint?

Question

He especificado la configuración de eslint para mi proyecto WebStorm. Pero no parece aplicarse a la función de cambio de formato de código. Por ejemplo, continúa formateando la import { something } from ''somewhere'' como import {something} from ''somewhere'' .

¿Hay alguna forma de hacer que WebStorm formatee el código de acuerdo con la configuración de eslint?

Answer 1

(Los pasos y capturas de pantalla descritos son de IntelliJ IDEA 2017.2 )

Puede agregar un método abreviado de teclado a la acción ''Solucionar problema de ESLint''. Asegúrese de que el complemento ''Soporte de JavaScript'' esté instalado y habilitado .

Primero llegué a Preferencias | Lenguaje y Marcos | JavaScript | Herramientas de código de calidad | ESLint y habilítalo . Deberá definir su ''Intérprete de nodo'', ''Paquete ESlint'' y ''Archivo de configuración'' opcional.

Siguiente ir a Preferencias | Mapa de teclado y búsqueda allí para ''eslint''. Ahora puede agregar, por ejemplo, el acceso directo ''control + shift + L''.

Answer 2

Acabo de instalar WebStorm 2017 y no sé si esto funciona para WS 2016. En lugar de presionar Opción + Comando + L, para reformatear su código, puede presionar Opción + Entrar cuando el cursor está cerca de un error de ESLint. Esto abrirá el menú contextual, luego seleccione "ESLint: corregir el archivo actual"

Answer 3

Actualización: la respuesta es obsoleta. La mejor solución se describe en https://.com/a/46099408/1057218

Desafortunadamente, no puede importar la configuración de estilo de código eslint ( WEB-19350 ) pero puede configurar el estilo de código manualmente.

Consulte la configuración: "Archivo | Configuración | Editor | Estilo de código | JavaScript"
Para llaves de importación: "Espacios" -> "ES6 llaves de importación / exportación"

Answer 4

Una solución temporal por ahora que he estado usando es exportar mi configuración de ESLint a JSCS. ¡Funciona bastante bien con WebStorm y PHPStorm!

Utilicé este paquete llamado Polyjuice , y aquí está la salida de mi eslint config.