En fait c'est good et j'ai compris la logique de ce code pour les snippets. C'est des regex donc un enfer, mais j'ai créer un snippet pour des comp avec props dans une interface et avec de la décomposition pour appeler les props : { "component-with-props": { "prefix": "compp", "description": "Create base Typescript component with props depending on the name", "scope": "typescriptreact", "body": [ "", "", "export interface ${1:${TM_FILENAME_BASE/([\\x]+)([-_])([\\w])/${1:/capitalize}${3:/capitalize}/g}}Props {", " $2", "}", "", "export default function ${1:${TM_FILENAME_BASE/([\\x]+)([-_])([\\w])/${1:/capitalize}${3:/capitalize}/g}}({ }: ${1:${TM_FILENAME_BASE/([\\x]+)([-_])([\\w])/${1:/capitalize}${3:/capitalize}/g}}Props) {", " return (", " ", " ${1:${TM_FILENAME_BASE/([\\x]+)([-_])([\\w])/${1:/capitalize}${3:/capitalize}/g}}", " ", " );", "}" ] } }
Peut être que toi même ne le fais pas, mais je conseille vivement de mettre la barre latérale à droite, comme ça pas de "shift" de l'éditeur quand on l'ouvre ou la ferme
@@melvynxdev ça parrait bizarre au début mais on s'y fait très vite et le fait de ne pas avoir l'éditeur qui saute à l'affichage / masquage de la barre c'est un vrai confort
Merci !! Grand fan de ce genre de vidéos de configuration, J'avais suivi avec grand plaisir celle de Grafikart publiée il y a plus d'un an, Un truc top qu'il ajoutait c'était si la police choisie le permet d'utiliser un unique caractère pour =>, pour ==>, pour tous les caractères "composés" ! EnableFontLigatures à true !
"editor.fontLigatures": true, // allows le != !== //! marche avec certaines polices pas toutes Marche notamment avec la police JetBrains Mono utilisable via cette ligne : "editor.fontFamily": "'JetBrains Mono', Consolas, 'Courier New', monospace", // change la langue
@@melvynxdev Question de goût uniquement ? Ça ne change rien aux performances ou à quoi que ce soit d'autre que visuel on est d'accord ? Adopté pour ma part, mais effectivement l'idée d'un setup et justement d'en faire ce qui nous plaît personnellement 🙏
Bonjour ! Je n'arrive pas à avoir studio visual code correctement. Depuis l'année dernière, l'application ne reste pas dans mon doc (Mac) après l'avoir téléchargé. Je ne sais pas pourquoi
Merci Melvin,mais dans le fichier notion il n ya pas la configuration de Snippets React: le fichier qu on doit copier coller comme tu le mentione dans la video
Heu, pas de Live server ? C'est plutôt pratique de pouvoir voir ses modifs en temps réel, non ? M'enfin, peut-être que quand on devient vraiment doué en code on en a plus besoin lol
Salut Melvinx, je suis ta video pas a pas, mais le raccourci cmd + shift + i pour importer ne fonctionne pas chez moi, est ce qu'il y a une dependance a ajouter ou quelque chose du genre ? Il me faut vraiment ce shortcut, il est complètement dingue ! Encore merci pour les conseils :)
@@melvynxdev Salut, non non je travail sur MacBook Air, c’est pour ça que je ne comprends pas ^^’ tout le reste fonctionne même le shortcut cmd + shift + o
@@kherset6126 Hello, j'ai aussi eu le problème. En fait, addMissingImports ne fonctionne que pour les fichiers TypeScript, et non simplement JavaScript. La seule manière de faire fonctionner cette feature en JS est d'ajouter //@ts-check au début du fichier
@@melvynxdev Question de goûts... Pour ma part je trouve ça infiniment + intéressant que indent rainbow qui n'ajoute, pour moi (et je dis bien "pour moi"), aucun confort, par exemple. ;) Si on m'enlevait les ligatures, je le vivrais très mal. :
Hello, très utiles/ludique/cool tes vidéos je t'envois que du courage et te souhaite le meilleur. petite contrib si tu remplace ce que t'as dans le Snippet de composant par ${1:${TM_FILENAME_BASE/(?:^|[-_.])([az])/${1:/upcase}/g}} ya les points aussi comme separateur tu peux l'enlever stv , peace and love
@@melvynxdev ça se tente facilement, j'ai changé suite à ta vidéo d'ailleurs ! J'ai la police JetBrains Mono, les ligatures se font avec elle, j'ai installé celle que tu conseilles mais les ligatures ne s'y font pas chez moi (normalement si), donc je ne l'active pas en fin de compte..