Comment les concepteurs devraientils apprendre à coder? Les éditeurs de terminaux et de texte (partie 1)

Remarque ]: Les éléments suivants fonctionnent sur la ligne de commande Windows ( cmd ):

• cd cd .. mkdir Onglet touche pour la saisie semi-automatique du chemin ( ls et pwd ne fonctionnera pas) .

La ligne de commande Windows plus moderne (Windows PowerShell) les prend en charge tous:

• cd cd .. ls pwd mkdir et Onglet pour la saisie semi-automatique du chemin d'accès.

Pour une liste complète des commandes disponibles dans PowerShell, consultez la page d'aide de Microsoft « Utilisation de noms de commandes familiers ». [19659047] Gestion de fichiers en masse

Vous pouvez manipuler des fichiers et dossiers en masse via le terminal – voici quelques idées:

1. Vous pouvez créer trois ans de dossiers avec des sous-dossiers pour chaque mois en une seule commande – en utilisant mkdir -p et {liste des années} / {liste des mois} créera des dossiers pour chaque année avec des sous-dossiers pour chaque mois. Utilisez votre imagination, je suis sûr que vous pouvez en faire bon usage!
2. Vous pouvez rapidement nettoyer votre bureau en utilisant mv Screen Shot * Captures d'écran – cela déplacera tous vos fichiers qui commencent avec "Capture d'écran" dans un dossier nommé "Captures d'écran".

Scripting and Maintenance

Maintenant que nous avons un aperçu de la puissance des expressions régulières et des options disponibles dans le terminal, nous pouvons commencer à combiner ces choses dans des scripts . Un script très simple, mais puissant et couramment utilisé est le renamateur de fichiers de Mike G :

 critère = 1 $
re_match = 2 $
 remplacer = 3 $
 pour i en $ (ls * $ critère *);
 faire
     src = $ i
     tgt = $ (echo $ i | sed -e "s / $ re_match / $ replace /")
     mv $ src $ tgt
 done 

Ce que ce script vous permet de faire, c'est de définir la portée ( critères ), de définir ce que vous aimeriez changer ( re_match ), et ce que vous voulez pour le changer en ( remplacer ) – puis l'exécuter.

Il existe d'innombrables autres scripts que vous pouvez créer au-delà de la création et du renommage de fichiers – Le script de redimensionnement par lots de Vlad est un excellent exemple des capacités d'économie de temps que vous pouvez créer à l'aide de scripts bash.

Trucs et astuces avancés

Une chose que j'ai constatée au fil des ans est que la réinitialisation régulière de mon ordinateur et la réinstallation du système d'exploitation lui permettent de rester relativement sans encombrement et empêche les ralentissements que tout le monde connaît après des années de détritus numériques qui s'accumulent sur les disques durs. Pour beaucoup, la perspective d'essuyer un ordinateur et de tout réinitialiser au mieux sonne comme quelques jours de travail et, au pire, un cauchemar impossible dont vous ne pourrez peut-être jamais vous remettre.

Mais cela n'a pas à être – en à l'aide de quelques outils de ligne de commande une fois que vous avez sauvegardé, effacé et réinstallé votre système d'exploitation, vous pouvez installer non seulement votre liste d'applications préférées, mais également les polices en quelques minutes en utilisant Homebrew . (Homebrew est pour Mac et Linux uniquement. Pour Windows, essayez Chocolatey qui est une alternative solide.)

Si vous êtes intéressé – nous avons créé une configuration facile à suivre pour mettre votre ordinateur en bon état pour la plupart des développements. Notre guide est pour macOS, mais Owen Williams a également écrit un solide guide pour Windows .

Si vous n'avez pas le temps pour toute la série de didacticiels de Wes sur la ligne de commande – à la à tout le moins, je recommande fortement la pile suivante:

1. Oh My ZSH
2. zsh-autosuggestions
3. zsh-syntax-highlighting
4. z-jump-around

Choix d'un éditeur de texte

Il existe de nombreuses options pour choisir un éditeur de code – Sublime Text et VS Code (Visual Studio Code) sont les deux que j'ai le plus d'expérience et que j'utilise actuellement.

Sublime Text était l'un des premiers éditeurs de texte qui est devenu populaire auprès des développeurs front-end – c'était l'étalon-or jusqu'à il y a quelques années. Des fonctionnalités telles que plusieurs curseurs, un puissant gestionnaire de packages et des raccourcis hautement personnalisables qui vous ont permis de naviguer rapidement dans et entre les fichiers et les dossiers. Sans compter que c'était une application incroyablement légère et rapide qui en faisait un choix facile.

VS Code (Visual Studio Code) est entré en scène vers 2015, il a fallu un certain temps pour que les gens passent d'Atom et Sublime, mais VS Le code s'est imposé comme l'éditeur préféré de nombreux développeurs. En plus de presque toutes les fonctionnalités de Sublime, VS Code s'est différencié avec un terminal intégré et une intégration étroite avec Git . De plus, Visual Studio Code dispose d'un riche écosystème de plugins qui vous permet d'étendre et de personnaliser votre environnement à votre guise.

Tout cela pour dire – vous n'avez pas besoin d'être un développeur pour apprécier les fonctionnalités d'un bon éditeur de code. J'en ai trouvé de nombreuses utilisations dans mon travail quotidien; deux, en particulier, sont la possibilité d'utiliser plusieurs curseurs et l'utilisation d'expressions régulières pour rechercher et remplacer du texte dans des dossiers de fichiers. Examinons les deux de plus près.

Édition avec plusieurs curseurs

Imaginez votre traitement de texte typique – cette ligne verticale clignotante qui indique où ira le texte que vous saisissez? Imaginez maintenant la possibilité d'ajouter plus d'un curseur à cette fenêtre afin que tout ce que vous tapez apparaisse partout où il y a un curseur!

Cela ne vous fera peut-être pas encore exploser votre esprit – voici donc un exemple qui montre quelques façons dont un éditeur de texte avancé peut vous aider à créer des efficacités quotidiennes dans votre flux de travail.

Ici, nous avons une liste de noms que nous devons convertir en adresses e-mail – nous aimerions également les rendre en minuscules, puis les trier par ordre alphabétique. Cela peut être fait en quelques touches.

Une fois que vous avez collé la liste, Cmd + Shift + P affiche la palette de commandes (terme de fantaisie pour un menu consultable qui vous donne toutes les fonctionnalités disponibles). Vous pouvez essentiellement taper dans ce menu ce que vous voulez faire, à peu près tout ce que vous pouvez faire pour le texte est disponible ici. Si ce n'est pas le cas, il y a probablement un plugin ou une extension que vous pouvez trouver.

Nous pouvons changer la casse et trier les lignes en quelques secondes – puis en appuyant sur Ctrl + Maj + les touches fléchées ajoutent des curseurs, puis tout ce que nous tapons est ajouté à chaque ligne – dans ce cas, nous transformons les noms en adresses e-mail, mais votre imagination débordante pourrait trouver une myriade d'autres façons de l'utiliser.

Vous pourriez dire – eh bien je peux le faire dans Excel ou Google Sheets, ce qui est vrai, mais j'ai constaté qu'il est beaucoup plus rapide de gérer ce type de choses dans un éditeur de texte. Vous évitez d'avoir à écrire des formules et à sélectionner des choses avec une souris.

Quel éditeur de code devrais-je utiliser?

Je suis un concepteur – alors bien sûr, ma réponse est "ça dépend".

• Si vous ' En ce qui concerne ces concepts, je recommanderais d'obtenir un essai gratuit de Sublime – il continue d'être une application très légère et ne consomme pas trop de ressources système. Vous pouvez personnaliser les raccourcis clavier de Sublime (mot de fantaisie pour les raccourcis clavier) et étendre sa fonctionnalité intégrée avec des plugins.
• Si vous avez utilisé Sublime, Atom ou un autre éditeur – je ' Je recommande également de vérifier VS Code. L'équipe de Microsoft a vraiment fait un excellent travail, ce qui en fait un éditeur de texte puissant mais facile à utiliser.

Personnellement, j'utilise les deux éditeurs – Sublime est rapide comme l'éclair et s'ouvre en une fraction de seconde me permettant de facilement coller et manipuler du texte. Mais quand je veux faire un travail plus sérieux, j'utilise VS Code. Il est difficile de surpasser le package tout-en-un fourni par VS Code – un écosystème de plugins et d'extensions dynamique, une palette de commandes puissante et une interface hyper-personnalisable signifie que vous pouvez vraiment vous l'approprier. Sans parler du fait que Microsoft est très incité à s'assurer que c'est une expérience de première classe pour la productivité des développeurs.

Conclusion, et quelle est la prochaine étape?

Dans ce premier article, vous aurez appris les bases du terminal, quelques hacks de productivité pour vous aider à démarrer et devraient avoir une meilleure idée de l'éditeur de code à choisir. Dans la partie suivante, nous allons continuer avec les sujets du contrôle de version, HTML et CSS, et une introduction aux principes d'ingénierie.

Quelque chose ne va pas?

Il y a de fortes chances que quelque chose dans ce post soit obscur, obtus, et / ou obsolète et j'aimerais avoir l'opportunité de l'améliorer! Veuillez laisser un commentaire ci-dessous, DM me ou @mention moi sur Twitter pour que je puisse m'améliorer.

(mb, yk, il)