web-dev-qa-db-fra.com

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' comme import {something} from 'somewhere'.

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

47
SiberianGuy

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" enter image description here

31
Oyvind Habberstad

(Les étapes et les captures d'écran décrites proviennent de IntelliJ IDEA 2017.2 )

Vous pouvez ajouter un raccourci clavier à l'action "Corriger le problème ESLint". Assurez-vous que le plug-in 'JavaScript Support' est installé et activé .

D'abord arrivé à Préférences | Language & Frameworks | JavaScript | Outils de qualité du code | ESLint et activez-le. Vous devrez définir votre "interpréteur de nœud", votre "package ESlint" et votre "fichier de configuration" facultatif.

enter image description here

Ensuite, allez à Préférences | Keymap et recherchez-y 'eslint'. Maintenant, vous pouvez ajouter par exemple le raccourci clavier 'control + shift + L'.

enter image description here

88
ph.dev

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 la configuration de style de code eslint ( WEB-1935 ), mais vous pouvez configurer le style de code manuellement.

Voir les paramètres: "Fichier | Paramètres | Editeur | Code Style | JavaScript"
Pour les accolades d'importation: "Espaces" -> "Accolades d'importation/exportation ES6"

9
anstarovoyt

Un correctif temporaire pour l'instant que j'utilise est d'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.

1
Cameron