91 votes

Comment faire du code de format WebStorm selon eslint?

J'ai spécifié la configuration eslint pour mon projet WebStorm. Mais cela ne semble pas s'appliquer à la fonctionnalité de reformatage du code. Par exemple, il continue à formater import { something } from 'somewhere' tant que import {something} from 'somewhere' .

Est-il possible de faire en sorte que WebStorm formate le code en fonction de la configuration eslint?

161voto

ph1983 Points 207

(Décrit les étapes et les captures d'écran sont de IntelliJ IDEA 2017.2)

Vous pouvez ajouter un raccourci clavier à une action "Réparer ESLint Problème". Assurer le plugin 'JavaScript' est installé et activé.

Tout d'abord obtenu à Préférences | Langue & Cadres | JavaScript | Code Outils de la Qualité | ESLint et l'activer. Vous aurez besoin de définir votre "Nœud interprète', 'ESlint package" et facultatif fichier de Configuration'.

enter image description here

Ensuite, allez dans Préférences | Clavier et de la recherche pour "eslint'. Maintenant, vous pouvez ajouter par exemple le raccourci "ctrl + shift + L".

enter image description here

31voto

Oyvind Habberstad Points 364

Je viens d'installer WebStorm 2017 et je ne sais pas si cela fonctionne pour WS 2016. Au lieu d'appuyer sur Option + Commande + L, pour reformater votre code, vous pouvez appuyer sur Option + Entrée lorsque le curseur est proche d'une erreur ESLint. Cela ouvrira le menu contextuel, puis sélectionnez le "ESLint: Fixer le fichier actuel" entrez la description de l'image ici

13voto

anstarovoyt Points 5745

Mise à jour: la réponse est obsolète. La meilleure solution est décrite dans https://stackoverflow.com/a/46099408/1057218

Malheureusement, vous ne pouvez pas importer eslint style de code de configuration (WEB-19350), mais vous pouvez configurer le style de code manuellement.

Voir les paramètres: "Fichier | Paramètres | Éditeur | Style de Code | JavaScript"
Pour importer des accolades: "Espaces" -> "ES6 importer / exporter des accolades"

1voto

Cameron Points 1179

Un correctif temporaire pour le moment que j'utilise consiste à exporter ma configuration ESLint vers JSCS. Cela fonctionne très bien avec WebStorm et PHPStorm!

J'ai utilisé ce paquetage appelé Polyjuice , et voici la sortie de ma config eslint.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X