Regex vscode

•

Tu dois connaître parfaitement ton IDE ! Notamment la recherche par Regex, tous les IDE le font, VSCode et IntelliJ 🤫 ❌ Non, les Regex ne sont pas nos ennemies ✅ Oui, tu vas être plus productif avec ! Un gain de temps assuré une fois maîtrisé 📈 ! Thread 👇🧵

1. Ajout de paramètre Tu as une fonction qui prend un nouveau paramètre. Tu as envie que tous les endroits où tu utilisais cette fonction rajoute ce dernier paramètre. Peu importe les deux paramètres.

Tu peux utiliser ceci demo$(.*)$ je t'explique : Le $ et $ c'est car les parenthèses veulent dire qqch en regex, tu ne veux pas qu'elle fasse qqch Par contre, les (...) les parenthèses intérieures permettent de capturer la valeur dans la variable $1 (pour le résultat)

Finalement .* permet de sélectionner tout ce qu'il y a entre les deux parenthèses () de notre fonction Dans le deuxième champ j'ai mis : `demo($1, false)` car on veut remettre tout ce qu'on a capturé dans la parenthèse mais nous ajoutons notre 3ᵉ paramètre !

Un autre exemple pour bien comprendre les `(...)` qui permettent de récupérer la valeur dans une variable ! Tu peux ici inverser la valeur du name et du surname pour tous les jsons qui ont ces valeurs

Ensuite, il y a le sélecteur `\w+` qui séléctionne un seul mot Et le semi-sélécteur `\1` qui agit comme `$1` mais dans la recherche

Par exemple ici je capture avec `()` le premier paramètre dans mon console.log Et je ne sélectionne que les logs qui ont comme deuxième paramètre une variable qui a exactement le même nom

La doc donne comme exemple ce sélecteur qui permet de détecter les doublons : `(\w+)\s\1` Ici, tu sélectionnes un mot, puis un espace, puis tu veux le même mot après donc `salut salut` sera sélectionné mais pas `salut ça va`

Un autre exemple, tu cherche partout ou tu as fais un `require()` d'un fichier json Tu peux chercher : require$.*.json"$ Tu gagne tellement de temps en maîtrisant les reggex c'est fou !

Le plus important avec ces regex pour moi c'est de bien comprendre le `()` ainsi que le `$1` pour réutiliser la valeur capturée. Après il y a beaucoup de sélecteurs et tu peux t'éclater ! Voici la doc microsoft : docs.microsoft.com/en-us/visualstudio/ide/using-regular-expressions-in-visual-studio?view=vs-2022 en fr : docs.microsoft.com/fr-fr/visualstudio/ide/using-regular-expressions-in-visual-studio?view=vs-2022

doc IntelliJ : jetbrains.com/help/webstorm/regular-expression-syntax-reference.html#regex-syntax-reference

Je ne les utilisais pas assez mais elle répondent à plein de uses cases ! → Enregistre le post (RT si tu sais pas comment faire) → Follow @melvynxdev 💪 → Like + RT ❤️ → Deviens une machine de guerre en React en me rejoignant melvynx.com/emails (c'est gratuit ♥️)