¿Cómo se formatean los accesorios y las definiciones mecanografiadas alfabéticamente al guardar? Idealmente, es una configuración para todo el proyecto en lugar de un complemento VSCode (aunque también estoy abierto un complemento en este punto).
// the items inside ButtonProps should be sorted alphabetically type ButtonProps = { name: string; id: string; onPress: () => void; disabled: boolean; } const Button = (props: ButtonProps) => { // this should also be sorted alphabetically const {name, id, onPress, disabled} = props; return <>My Prop</> }Probé react/sort-prop-types y sort-keys pero realmente no sé qué estoy haciendo con eslint. Todavía no formatea alfabéticamente al guardar. Mi configuración de eslint está a continuación:
// .eslintrc.json { // ... "rules": { "react/sort-prop-types": [ 2, { "callbacksLast": true, "shorthandFirst": true, "ignoreCase": false, "noSortAlphabetically": false, "reservedFirst": true } ], "sort-keys": ["error", "asc", {"caseSensitive": true, "natural": false, "minKeys": 2}], }Puede usar una extensión de VSCode llamada Sort lines . Sin embargo, no lo hace al guardar, pero todo lo que tiene que hacer es resaltar sus accesorios, presionar cmd + shift + p para Mac o ctrl + shift + p para Windows para abrir la Paleta de comandos y seleccionar Sort lines .