10 Astuces pour coder plus vite
ฝัง
- เผยแพร่เมื่อ 30 พ.ย. 2024
- La liste des raccourcis clavier est à la fin de la vidéo, vous pouvez en faire un cool screenshot pour les avoir sous les yeux et y penser de temps en temps.
Souris vertical Logitech : amzn.to/3ZkQgpy
Mon SaaS pour mettre en relation les TH-camrs et les Sponsors
meetsponsors.com
Devenez affiliés et gagnez 20% sur tous les abonnements
meetsponsors.l...
Mes tutos et codes sources :
shop.benjaminc...
Rejoignez moi sur Twitter :
/ benjamincode
Insta : / benjamincode
Twitch : / benjamincode
Mail : b1jam1code@gmail.com
Partners Manager : Loic Coutal
Miniamaker : / kas0bel
Monteur : / teddycoste1 & Moi
Les musiques que j'utilise sur la chaîne sont soit :
de moi (dans de nombreux cas : guitar / saxo / nappes de synthés)
de Obsimo
de Luxie (Ilovedyou • Luxie - ilovedyoumybaby )
de Paradise of Yesterday (paradiseofyest...) pour tout ce qui est synth pop
![[LIVE] : ONE ลุมพินี 89 | คู่เอก "ยอดไอคิว vs คิริลล์"](http://i.ytimg.com/vi/Z3vYkHJ_5Ig/mqdefault.jpg)
Content de voir que je suis pas le seul méga fan du "expand selection". C'est fou comment les autres éditeurs implémentent mal ce truc là comparé aux éditeurs Jetbrains
Ah mais que tu me le confirmes ça fait un de ces bonheurs, t’imagines même pas ! On me dit parfois que je suis de mauvaise foi vis à vis de vscode par exemple. Mais rien que pour la mauvaise implémentation de cette feature je freine !
@@BenjaminCode mais du c'est quoi la différence avec vscode c'est la même chose j'ai l'impression sur la sélection, ils ont peu être changé après, bon par contre faut modifier le raccourcis par défaut 😅
@@dffx bah à l’usage les utilisateurs d’intellij (grafikart et moi pour l’instant) on est hyper frustré par l’implémentation vscode dont la granularité de la sélection est pas aussi précise que chez nous. Ça sélectionne très vite de gros tronçons de code alors que ça pourrait y aller plus mollo. Et ça c’est super frustrant
Et vu le raccourci clavier par défaut qu’ils lui ont mis et qui est catastrophique, t’as l’impression qu’ils ont pas trop envie qu’on l’utilise leur feature
@@BenjaminCode ah ok j'ai juste testé avec ton exemple pour voir les différences
Pour le terminal avec ZSH, on peut commencer à taper une commande genre « ssh » et faire la flèche du haut pour remonter uniquement sur les commandes commençant par ssh, plus rapide plus simple
Dans le cas des ssh, il y a aussi des alias à faire dans .ssh/config
Avec bash aussi, fait juste le config
@@N005char ou faire CTRL r pour rechercher dans les précédentes commandes
oui la dernière est chez les autre client
Ou activer le module recherche de zsh qui pré rempli la ligne d’historique qui commence par la même chose
LE MUST-HAVE des raccourcis en HTML (fonctionne sur ide IntelliJ et VsCode) c'est le div.coucou qui va être remplacé en appuyant sur entrée par , le div#coucou qui fait la même chose avec un id, le div*3 qui crée 3 . Ça marche avec toutes les autres balises. Tu peux aussi les combiner (exemple : div.coucou*3 qui crée 3 div de classe coucou)
Aussi sur les ide intelliJ, tu peux sélectionner du code et faire Ctrl+Alt+J (je connais pas l'équivalent sur Mac) pour ajouter des balises autour du code sélectionné c'est assez pratique
Je connais ce must have mais bizarrement je l’utilise jamais
@@BenjaminCodeQuestion d'habitude j'imagine. J'ai eu la chance de le trouver au début de mon apprentissage du développement web et je l'utilise vraiment beaucoup.
Mais hé l’ai vu super tôt aussi, mais vraiment j’en fais un usage assez anecdotique. Je crois que je l’utilisais plus avant d’avoir copilote. Maintenant souvent le tab il est override par ce que copilote m’écrit donc tout ce qui est à base de text + tab j’utilise plus trop je crois !
Ca s'appelle l' "emmet"
Ca marche de ouf', mais faut que je revoie la documentation à chaque fois que je veux l'utiliser 🙄, mais je pense qu'une fois appris par cœur, ça doit être un gain de temps fabuleux
Honnêtement ne t'embête pas a apprendre emmet, tu le fera automatiquement avec temps @@Tifauve92
Hello surper vidéos
Je vous remercie pour le partage. Comme vous l'avez dit, cela change beaucoup et améliore grandement la productivité. Parfois, il peut y avoir des balises ou des fermetures de div automatiques que l'on ne souhaiterait pas, mais le gain de temps considérable compense largement cet inconvénient.
Je vous remercie encore une fois pour ce partage.
IntelliJ les goats.
Super vidéo, j'adore les raccourcis clavier en plus alors merci 🙏
et en plus tu nous donne tous les raccourcis à la fin
Hello, super vidéo ! Pour le déplacement de bout de code vers le haut ou vers le bas tu peux utiliser (sur Mac) alt+shift+flèche du haut ou du bas, ça bouge d’une ligne au lieu d’un bloc
Très chouette vidéo! Sinon aussi pour les terminaux, une des choses basique pour faciliter la vie, c'est de créer des alias qui permet de faire des raccourcis pour des longues commandes souvent utilisée. Typiquement, si tu te connecte souvent en ssh, tu peux faire un alias genre "start_ssh" pour ta grosse commande pour éviter de tout retaper à chaque fois :)
pour dupliquer du code (sur VSCode) j'utilise pas mal ctrl + shift + alt + fleche (haut ou bas), ça va dupliquer la selection en haut ou en bas, tres utile pour des switch case par exemple ou objet JSON
Vraiment merci pour cette vidéo et c'est vachement sympa d'avoir fait un pense-bête, pouvoir faire un screenshot de toutes ces astuces. Bravo
On peut poser des "ancres" sur une ligne de code, ctrl+shift+chiffre (pas ceux du pavé numérique). Ensuite ctrl+chiffre pour y retourner. 😊
(comme dans pas mal de jeux RTS ^^)
Enfin cette suggestion :) ! Je l'attendais celle là car après Ctrl-Shift-Backspace, je ne me sers que de bookmarks comme ça, on gagne un temps fou.
Le raccourci peu utilisé par mes collègues mais que je trouve très utile c’est le ALT+flèche du haut ou bas pour déplacer une ligne
Pour le CTRL+r je conseille fzf qui fournit une meilleure interface à cette fonctionnalité
mdr !!! Enfin quelqu'un qui me comprend ! le ctrl+W sur chrome qui te kick ton onglet alors que tu voulais selectionner
Wow, alors là... super vidéo ! Merci !
Merci et super video, concernant la section terminal il y'a aussi le shortcut CTRL+U/CTRL+Y pour l'action inverse du CTRL+K/CTRL+Y
Trop bien Ben merci à toi
Un PhpStorm bien configuré n'a normalement pas besoin de prettier, le reformat suffit.
Pour moi, le meilleur raccourci, c'est Alt+J qui permet la sélection multiple, t'en as parlé mais c'est tellement utile, je l'utilise souvent, tu peux réécrire des dizaines de lignes d'un seul coup.
Après y'a Maj Maj qui est essentiel sous PhpStorm.
Le ctrl+clic (+clic) est basic mais faut le connaître
Aussi tu peux déplacer du texte sélectionné avec la souris
L'avantage de Prettier, c'est que c'est partagé par tous, pas seulement les utilisateurs des outils JetBrains
Très bonnes astuces, dont certaines que je ne connaissais pas donc merci :) Petite astuce également, je vois que tu as la souris Logitech Lift (de mémoire c'est son nom), j'ai la même et dans IntelliJ tu peux tout simplement utiliser la touche retour de ta souris pour revenir à l'emplacement du précédent input (comme la combinaison cmd + shift + backspace). Je pense que cette astuce fonctionne avec toutes les osuris qui ont une touche retour. D'ailleurs ça fonctionne aussi avec la touche suivant ;)
Un banguer ta vid' !
Merci petite vidéo cool et très pratique. Et merci pour tes vidéos !
Suggestion : ça mériterait un petit short 🙂
Merci je trouvais pas l'équivalent du CTRL D de VsCode dans IntelliJ, à chaque fois ça me saoulait de tout devoir modifier un par un 😂
Vrai question as tu tester de te mettre Vim dans ton IDE pour exploiter tous les raccourcis que ça contient ?
Cool vidéo, merci pour les tips !
Ctrl + W est game changer !
Merci à toi pour ces astuces et merci Rémy !!!
Perso j'utilise Helix qui, comme Vim, exploite le home row du clavier avec une gestion par mode pour être en mesure de tout faire sans avoir besoin de la souris.
En quelques touches je peux chercher les ref d'une fonction, variable, classe ou leur déclaration.
Je peux renommer n'importe quel objet sur le projet, refacto un code, sélectionner par différent périmètre ou étendre à ce que je veux.
Je peux entourer une sélection par un caractère ou même changer le caractère entourant une sélection.
Je peux importer classe, fonction, variable etc
Je peux spliter une vue en vertical ou horizontal, je peux enregistrer mes sélection dans un ou plusieurs registres pour copy paste des choses copier il y a longtemps.
Je peux chercher une occurrence sur tout le workspace, je peux renommer dans une sélection ou a l'échelle du projet.
Bref.
Je peux faire tout cela en utilisant le home row et c'est fou.
Ah et en plus mon clavier posède la touche control a la place de la touche capslock (layout type Unix) du coup c'est encore plus simple d'aller chercher la touche control pour trigger les modes.
1:50 Je savais pas pour Ctrl+A et Ctrl+E, mais si quelqu'un à un assez grand clavier (avec un format au dessus de 65% je crois ? je suis pas expert), il y a une touche Fin et Début (ou Home, ou Flèche diagonale) qui fonctionne sur Linux pour faire revenir au début de la ligne de la commande. En fait elle amène au début ou à la fin de n'importe quelle ligne. Pour faire des sélections n'importe où c'est trop pratique.
J'utilise beaucoup de langages avec très peu de prise en charge au niveau de l'IDE, donc j'adore ce genre de manipulation de texte sans analyse poussée du code. J'aime beaucoup aussi le clic du milieu pour mettre plusieurs curseurs (ça existe aussi sur VSCode mais c'est plus chiant configurer). Si le code est indenté pour que les blocs similaires soient indentés de la même façon on peut sélectionner des blocs sans l'indentation par exemple (pour le coller sur un e-mail ou sur Discord).
Sinon moi ce qui m'empêche partir de chez JetBrains c'est l'indentation auto. Aucun autre IDE ne fait exactement comme les leurs de façon aussi bien dosé.
J'ai pas encore regardé la vidéo mais je saute sur la notification comme d'habitude :) Bonne vidéo à tous !
OOoo merci justement je commence à reprendre linux !
Trop cool tes vidéos Benjamin code
Je ne connaissais pas certains raccourcis clavier : le ctrl+k calme bien. Par habitude et peut-être aussi par orgueil, je n'ai jamais utilisé d'IDE pour éviter de me déconcentrer. Il y a une feature qui était présente sous l'éditeur nedit qui permettait de faire une sélection sous la forme d'un rectangle et de tout supprimer. Jamais recroisée ailleurs mais ô combien pratique :)
Pour l'inverse de ctrl+R et faire une forward-search, c'est ctrl+S. Je l'utilise* beaucoup pour parer au fameux "j'ai appuyé trop de fois sur ctrl+R et j'ai raté la commande".
Sauf que par défaut dans pas mal de terminaux, ce raccourci sert aussi au "flow control" qui permet d'arrêter l'output du terminal (avec la plupart du temps ctrl-Q pour relancer l'output).
Il y a une config à faire dans le shell (changer les options stty) ou dans le terminal (changer le binding) pour pouvoir l'utiliser.
* Après en rebindant ctrl+R sur fzf, ça devient moins une nécessité.
Attention avec prettier à la sauvegarde dans les projets opensource, ça peut parfois générer des PR qui ne correspondent pas du tout à la réalité de vos modifications
Au début tu codes en Vue, à la fin tu codes en Marcel, j’adore. 😻
La blague est validée !
Lorsque tu fais CTRL + R, ça recherche dans ton history en arrière. Tu fais CTRL + S pour revenir en avant (stty -ixon pour activer ce type de flux, tu le mets dans ton .bashrc ou équivalent selon ton shell).
Etant grand fan de raccourcis j'ai envie d apporter ma pierre a l'edifice :
- CTRL + SHIFT pour chercher nimporte quoi ... je l'utilise pour rapidement trouver des settings personellement
- CTRL + SHIFT + E pour rapidement retrouver les endroit ou j'ai fait des modification recemment dans d'autre fichier
- CTRL + SHIFT + R/F pour remplacer/chercher des nom de variable & co dans tout le projet (a utiliser avec precaution)
- CTRL + Click et CTRL + Q pour la doc
- ALT + HAUT/BAS pour déplacer par ligne plutot que par bloque
- ALT + ALT + navigation via tab ou chiffre 1-9 pour avoir un acces rapide au differentes tabs de l'IDE ( surtout utile en Zen Mode )
Et enfin la meilleur astuce raccourci c'est d'utiliser le plugint Key promoter X pour retenir les raccourci et de laisser activer la fonction qui t'explique un raccourci a chaque lancement de l'IDE✍
Tu devrais tester vim ou neovim. Ca va te faire un choc au début mais après, ça ouais, c'est BANGER.
j'étais sur neovim, j'ai essayé d'utiliser les plugins vim sur intellij ou vscode, mais rien à faire je reviens sur neovim. Neovim depuis le terminal y'a vraiment rien de mieux.
Lorsque tu fais ton cmd W sur navigateur, tu peux toujours utilise le super pratique CMD + shift + T pour rouvrir le dernier onglet :D
CMD + T c'est ouvrir un nouvel onglet, CMD + shift + T ça réouvre (et tu peux le faire plusieurs fois d'affilé pour aller rechercher les derniers :))
A noter que ça marche aussi si ton nav a fermé toutes tes fenêtres après une maj par exmple, un seul cmd shift t et ça réouvre tout 🫶
Oui ça fait bien longtemps que j’utilise le commande maj t à outrance mais ça reste hyper frustrant par exemple si t’avais écrit des choses dans un form etc
@@BenjaminCode C'est sur oui malheureusement, ça ne rattrape pas tout non plus 😅
Bonne fin de journée à toi! ✨
Merci pour la vidéo :)
Salut, si tu veux encore optimiser le truc tu peux utiliser vim ! Toutes ces histoires de sélection c'est super facile avec, et tu n'es pas obligé de changer d'ide intellij l'intègre très bien.
Et pour tes raccourcis de terminal, moi j'utilise le shell fish, avec les raccourcis vi donc je peux faire tout tes raccourcis en un peu "boosté".
Franchement vim c'est un pli à prendre mais une fois qu'on s'y est mis c'est incroyable
Super vidéo, merci ! Pour ma part sur les IDEs JetBrains je ne peux pas me passer des commandes Ctrl + N (pour chercher par nom de classe) , Ctrl + Shift + N (pour rechercher par nom de fichier) et Ctrl + Shift + F pour rechercher une chaîne de caractères dans tout le projet
Dans vscode, le bouton retour de la souris reviens au dernier clic, y compris sur un autre onglet. Parfait quand on veut revenir a la fonction 3000 lignes plus haut
Jsavais pas, merci !
Merci pour la vidéo,
tu code en dure sur ton local ou tu utilise des ENV ou docker ...?
Merci à Rémi pour l'astuce des imports! Je connaissais pas!
@BenjaminCode
C'est quoi le thème phpStorm que tu utilise ?
03:55 pour retourner en arrière tu peux normalement utiliser la touche delete sur mac
Sur IntelliJ, j'aime utiliser Ctrl + C / Ctrl + X pour copier/couper une ligne entière directement, et Ctrl + Y pour supprimer une ligne directement (sous Windows).
Pareil sur VScode pour Ctrl + C / Ctrl + X. Pour supprimer la ligne entière, c'est Ctrl + maj + K
vim
Fais gaffe, qu'il découvre pas ce terrier de lapin, il sortira plus jamais de vidéo tant il perfectionnera sa config neovim
Pour les sessions ssh, le mieux c'est de se faire un ~/.ssh/config. Ça plus la complétion plus besoin de chercher dans ctrl+r
j'ai pas le même raccourcis pour Ctrl+g, ça me permet de me rendre a un numéro de ligne/colonne c'est normal ?
Les raccourcis dans un terminal, un IDE, sur un OS etc... C'est la vie ! 😉
Pour le terminal sur Mac et Linux il y a Warp qui est exceptionnel même en ssh à distance etc, avec IA si besoin
Pomme + Maj + t pour réouvrir la fenêtre sur chrome que tu viens de fermer ^^
Je pense que ce qu'il voulait dire c'est qu'il perd ce qu'il avait tapé dans l'input de texte à ce moment. Après il existe des extensions pour récupérer les textes tapés précédemment (Text area cache par ex)
sur intelliJ j'adore le fait d'ouvrir la mini fenêtre des fichiers récents (CTRL+e) je crois, mais vu que je custom mes raccourcis je ne suis pas sûr.
Sinon le classique maj x 2 pour ouvrir le menu magique.
Merci beaucoup
Pour le terminal tu peux essayer warp (disponible que sur linux ou mac actuellement)
Alors penses à préciser que ça ne fonctionne pas sur tous les terminaux (ce n'est pas les mêmes raccourcis avec PowerShell par exemple)
Sinon on peut simplement utiliser les touches "Début" & "Fin" à la place de Ctrl+A/E pour arriver au début ou à la fin de la ligne (pareil, ça ne marche pas avec tous) ;)
Alors j'ai pas Pomme + W, mais sur mon editeur (Helix) c'est Alt-i/Alt-o pour expand/shrink, et en plus c'est fait avec tree siter ducoup c'est hyper precis et fonctionne super bien.
le switch de mot marche aussi avec ctrl, et sinon y a les touches debut et fin qui serve a faire ce que fait ctrl+a/e :)
par contre merci pour ctrl+k/y je connaissais pas ;)
Le meilleur terminal (de loin) c'est warp. Et sa partie IA est incroyable. Je tape # puis ma question en francais et il me sort la bonne commande bash pr realiser cette tache
Warp est pas mal en IA pour la ligne de commande
Oui mais chiant de devoir créer un compte pour un terminal et en plus l'intégration tmux et vim marche pas
Bonjour Benjamin code, je suis entrain de codé une application avec nuxt, et j'ai un sou is sur une partir de mon application depuis plis d'une semaine, je sollicite vraiment votre aide
Les livetemplates ma vie !
Sur mon mac, la touch `DEL` pour reverse le Ctrl+R fonctionne
Ça marche aussi sur terminal windows?
Merci . J utilise vscode ( pratiue poir les extensions )ou nvim poir tout faire au clavier
Le fameux cmd + w mais sur vs code vous avez des avis ?
double click de souris sur le mot
@@avnermimouni1358 oui mais la on parle pas de sélectionner un mot, mais un ensemble de mot entre 2 symboles similaires, etc le shift+alt+fleche droite ne marche vraiment pas de la meme manière...
Super, vous découvrez ce qui existe déjà depuis 40 ans. Cela s'appelle un terminal Linux et l'éditeur de code Vim.
Mais comment tu fermes tes onglets .ts avec ce pomme W ?
quand tu fais pomme+w sur chatgpt, tu peux pomme+shift+T ça te reouvrira ton dernier onglet de fermé ;)
Le timing
Thanks 🎉
Un must have pour moi c'est fermer tous les onglets sauf celui sélectionné. ça permet de faire un tri rapidement
pour le ctrl-g il me semble que sous windows c'est alt-j
Ctrl + Shift + T après le Ctrl + W pour fix la mauvaise manip :D (remplace ctrl par pomme) sur mac
8:20 moi ce que je fais c'est que je sélectionne tout ce que je veut mettre dans ma div , ctrl x , je crée la div, ctrl v et c'est super rapide
HAHAHA ça m'arrive trop souvent. faire Ctrl + w en croyant je suis toujours sur mon IDE. Mais sur brave comme sur chrome, il y a shortcut qui permet de rouvrir la fenêtre fermée. C'est ctrl + shift + t 👌👌👌👌
La souris MX Vertical, je n''utilise plus que ça, j'en ai acheté plusieurs (PC fixe perso, portable, PC au travail...). Plus jamais de douleurs au poignet ou au coude
Hey super vidéo, j'aurais bien voulu installé Intellij mais y a plus la version gratuite 😢
Faut bien choisir la version "Community edition", c'est celle qui est open-source et gratuite
@@Arkonny.S justement sur leur site elle n'existe plus, même chose pour tous leur logiciel
@@Arkonny.S ah oui c'est bon il ont juste changer l'interface entre temp.
On parle de Vim ? y a même une extension pour vscode pour cumuler le meilleur des deux mondes !
CMD plus simple que CTRL E / A pour aller en début ou fin de ligne
Moi je dis ça vaux le coup de faire une tier list des raccourcies :p
étonnant il y a pas les meilleur raccourci: (Sur VSCode)
alt + fléche (haut / bas): pour déplacer rapidement des ligne sélectionner
alt + fléche (gauche / droit) pour ce balader rapidement dans les selection
ctrl + p : changer rapidement de fichier
ctrl + D : Sélectionner l'occurrence suivante
Pas mal ces petits raccourcis là, mais comme je suis aigri je vais dire qu'il faut passer à Vim (j'suis sûr qu'il y a une extension pour IntelliJ) 😁
yes pour casi tout les ide jetbrains , ya un plugin vim qui est plus tot bien fait.
CTRL - MAJ - R pour revenir en arrière dans la recherche dans l'historique (comme d'hab ça fait l'inverse)
warp est un super terminal, perso je recommande :).
Dans le terminal aussi, TMUX
Benjamin en tenue de Bruce Willis.
Et sinon tu connais la selection en colonne ? Perso je m’en sers dans notepad++, ca me fait gagner un temps de ouf pour éditer des centaines de ligne similaires en même temps.
ah oui... c'est dommage d'avoir choisi ce raccourci (cmd w - pomme est désuet depuis... euh... longtemps) qui est pourtant utilisé pour fermer l'onglet dans tellement d'autres cas... sur tous les OS d'ailleurs...
Moi qui trouve déjà que le ctrl S / cmd S est beaucoup trop proche du ctrl W / cmd W... 😢😢😢
argh juste en train de commencer un projet et tu annonces que la vidéo sur vue vs react c'est la semaine prochaine ??? pas cool haha, hate de voir ça
I hope there is vim. Good video
Astuce n°11 : éteindre l'écran avec x-hamster
(petite distraction que les freelances qui bossent à la maison connaissent bien, je ne parle pas de moi je précise bien sûr)
refactor/renommer une variable, une méthode,...➡️ F2 🔥
- rip, les racourcit clavier marche pas sur l'app Terminal de win 11 😓😓
sous ubuntu ca marche par contre, apres le cmd de mac os est plus proche de linux lol
- sur vscode, ya pour que le curseur se mette au milieux avec la div
- tjr sur vscode, on fait clique droit, "formater de document" par contre j'aime bien le faite que quand on save, ca le fait
apres recherche ya une option pour "editor.formatOnSave: true"
Biome > Prettier
Chez Linux pour inverser le Ctrl+R c'est Ctrl+S
Fzf est l'option ultime pour l'historique
pour remplacer cmd+w il faut double click de souris sur le mot c'est + simple
L'astuce c'est d'utiliser Vim.
Enfin! Je me sens moins seul. 😂
Ouais non vraiment pas 😂
C'est pour les personnes qui ont des choses à prouvé.
Ideavim + jetbrain je dis ok
@@InfanoDelaSuna tu dis : "C'est pour les personnes qui ont des choses à prouvé." Ca c'est ce que disent ceux qui ont besoin de dénigrer autrui pour espérer se sentir mieux, tout en cachant leur ignorance. Au lieu de balancer ton opinion, donne des arguments qui prouvent que tu as sincèrement et réellement comparé les deux solutions au lieu d'insulter autrui - sinon c'est juste toi qui essaye gonfler ton complexe de supériorité, justement. 😋 Je ne dis pas que les autres sont nuls ou ont tort, je dis ce que je peux faire et apprécie avec mes outils, et j'essaye de choisir en connaissance de cause.
Clairement pas, à chaque fois que tu utilises vim, un chaton meurt.
@@FlorentLoenix tout ce qui meurt, c'est la productivité des haters .
La commande f*ck pour corriger automatiquement les erreurs dans les commandes du terminal
Pour ton historique avec CTRL R rajoute fzf tu vas être chokbar