Transcription
1. INTRODUCTION DU COURS: Salut les gars, Dans ce cours,
nous allons
voir comment configurer votre propre environnement de
développement. Cela peut sembler
intimidant au premier abord, mais il n'y a que quelques points
clés à garder à l'esprit pour faire de vous
un développeur plus pratique, plus
efficient et plus
efficace. Je vous verrai au cours.
2. Un aperçu de l'environnement des développeurs: Salut les gars, Bienvenue dans des environnements de développement
efficaces. Dans ce cours, je vais
passer en revue un guide pratique pour configurer votre propre ordinateur
personnel pour un développement efficace. Votre propre
environnement de développement n'
a donc pas besoin d'être compliqué. Il existe de nombreux tutoriels qui indiquent que vous avez besoin de
configurer toute
cette gamme de choses pour commencer à coder. Ce n'est en fait pas le cas. n'y a vraiment que
quatre composants clés de votre environnement de développement. Un terminal unique et efficace, ainsi qu'une installation Git. Get est destiné au
contrôle de version et vous interagissez
généralement avec lui
via le terminal. Ensuite, vous avez besoin d'un éditeur de
texte de base
pour effectuer des modifications simples ou visualiser
des documents très rapidement. Troisièmement, votre environnement de
codage normal pour les projets
plus complexes
se trouvera probablement dans un IDE. Cela signifie Environnement de
développement intégré. Il y en
a certainement quelques-uns. Cela dépend vraiment de ce que
vous préférez en tant que développeur, et nous passerons en revue
quelques exemples lorsque nous
arriverons à ces diapositives. Enfin, vous avez besoin d'installations
spécifiques au cas par cas. Et je voulais vraiment souligner que
toute installation
à effectuer sur votre environnement de développement local,
lorsqu'ils se présentent, c'est lors de l'installation de choses telles que des frameworks ou des langages sur votre environnement local.
3. Optimiser le terminal: Passons donc au
premier élément, le terminal. Le terminal est un simple
portail vers votre ordinateur. Autrefois, vous n'
interagissiez vraiment que par dos dans l'ancien temps, vous n'interagissiez vraiment avec votre ordinateur que
via le terminal. Mais maintenant qu'il existe une interface graphique
pour presque tout, vous n'utilisez réellement votre
terminal que pour interagir avec bonnes navigations rapides entre les répertoires ou des
scripts qui exécutent rapidement ou installations. La plupart des ordinateurs, sinon tous, seront livrés avec un terminal
par défaut. Ils fonctionnent et
font le travail, mais ils peuvent souvent être très
maladroits et difficiles à utiliser. Très bien, je vous
recommande vivement de
mettre à jour votre terminal soit avec des plugins supplémentaires, soit
en utilisant des alternatives de terminal. Il existe de nombreuses
ressources en ligne à cet effet. Alors trouvez quelque chose de récent et
trouvez-en un qui vous convient. Voici quelques options possibles. Pour l'instant, je me tourne vers
Mac ou Linux, c'est génial. Vous pouvez utiliser des plugins pour faciliter vos flux de travail normaux. Warp est le terminal
de nouvelle génération qui ressemble à un éditeur de texte, et il n'est
actuellement disponible que pour Mac. Une application similaire à Warp est hyper et hypo est en fait disponible sur les
trois plateformes. Vous pouvez donc essayer si vous utilisez Linux ou Windows.
4. Démo du terminal: Dans cette démo, je
vais comparer le
terminal Mac par défaut et Warp, qui est une application de
remplacement de terminal que j'utilise. Ce cours n'aborde pas les subtilités
de l'utilisation du terminal. Je vais juste
vous montrer à quoi vous utiliseriez terminal normalement
en tant que développeur. Ce terminal
est généralement utilisé pour
naviguer rapidement entre les répertoires
et est utilisé pour Git. Je vais donc le montrer
tout de suite. Je vais utiliser la commande cd pour changer le répertoire actuel. J'ai donc un dossier sur
mon bureau nommé programmation où je conserve tous mes projets. Je vais donc y aller
et y naviguer. Maintenant. Je vais utiliser la commande
git clone pour cloner l'un de mes projets
personnels. Et vous verrez que j'ai le plugin de
saisie semi-automatique pour, est
pourquoi il suggérait différentes complétions possibles
par rapport à ma commande existante. Je vais poursuivre et
cloner ça tout de suite. Vous pouvez donc le constater
généralement lorsque vous utilisez terminologie pour des
flux de travail simples comme celui-ci, naviguez dans un dossier
spécifique et clonez ou que vous utilisez d'autres bonnes
opérations sur des référentiels. Warp est un remplacement de
terminal de nouvelle génération qui ressemble à un éditeur de texte
moderne. Donc, par exemple, faire
exactement la même opération, programme Slash de
bureau. Mais si je découvre
que j'ai fait une faute de frappe, je peux utiliser mon curseur et revenir en
arrière et modifier le texte ici. revenant au
terminal,
vous verrez que si j'ai une faute de
frappe et que j'essaie de cliquer, cela ne fonctionnera pas réellement. Je dois utiliser les touches fléchées pour naviguer
manuellement
entre les personnages. Et cela peut sembler
maladroit. Parfois. retournant au travail, vous verrez que je peux utiliser une commande git clone
typique. Je le ferais juste dans le terminal. Et c'est très similaire. Cependant, j'ai
l'avantage d'
utiliser par exemple mon curseur pour
passer d'un caractère à l'autre. Mais dans l'ensemble, cela semble beaucoup plus moderne.
Il possède également des fonctionnalités intégrées que vous n'auriez
pas normalement sur votre terminal. Par exemple, vous pouvez
rechercher une fonctionnalité l'aide de Command et P. Vous pouvez
même effectuer une recherche dans l'historique, pouvez même utiliser le langage naturel. Et Warp possède une IA pour recommander la commande
que vous recherchez. Donc, par exemple, si je veux
accéder à un dossier et que
je le cherche simplement, vous verrez qu'il donne la commande appropriée
de CD à dossier. Et vous pouvez continuer et
appuyer sur Command Enter pour saisir. Cette commande. Works a même la notion
de flux de travail qui sont blocs de code
courants dans le
terminal que vous utilisez. Ainsi, par exemple, en utilisant le
raccourci Control Shift R, j'ouvre l'onglet des flux de travail. Vous verrez qu'il
existe des flux
de travail courants que vous pouvez déjà consulter. Maintenant,
vous allez voir qu' il existe un énorme référentiel de bonnes commandes
courantes
que vous pouvez remplir
directement dans votre terminal. Ces fonctionnalités sont
des fonctionnalités que vous n'auriez pas normalement
dans le terminal par défaut. C'est pourquoi j'ai
choisi d'utiliser Warp au quotidien et non le terminal Mac
par défaut.
5. Optimiser votre éditeur de texte: Passons ensuite à
l'éditeur de texte. Comme je l'ai mentionné, vous utilisez généralement un IDE pour
vos flux de travail de codage. Cependant, un éditeur de texte de base avec une certaine
mise en évidence de la syntaxe est très utile pour visualiser
et modifier du code très rapidement ou
pour prendre des notes, ce soit si vous préférez le
texte brut ou le langage Markdown. favoris les plus courants ici,
nos textes Atom et Mark. Et je vais faire une démo rapide d' Atom parce que c'est
ce que j'utilise personnellement. Personnellement, j'utilise le texte de
marque si je crée ou modifie des documents
Markdown.
6. Démo des éditeurs de texte populaires: J'utilise Adam pour
afficher et modifier rapidement des fichiers
dans les cas où je n'
utilise pas un IDE complet. Je peux donc créer un nouveau
fichier avec la commande N. Vous verrez que cela ressemble à
un éditeur de texte normal. Cependant, si je l'enregistre avec une extension Python
pour, par exemple, tester point py. Vous verrez que je trouve en fait
une mise en évidence de la syntaxe. Essayons donc de
définir une fonction. Il définit donc le test. Cela
vous donne en fait un congé de syntaxe, ce qui signifie qu'il est facile d'ouvrir un fichier
à
la volée et de le
modifier rapidement ,
quelle que soit la langue de dix. Essayons encore une fois. Je vais créer
un document Markdown. Et tu le verras
encore une fois. Il s'agit d'un titre. Cela me donne donc une
mise en évidence syntaxique pour un titre, mais le texte normal est mis
en évidence d'une manière très différente. J'utilise le balisage vers le bas comme
langue de prédilection pour prendre des notes. La raison en est que
vous obtenez des blocs de code. Par exemple, cela indique qu'il s' agit d'un bloc de code TypeScript. Et je peux insérer du code directement
dans les notes elles-mêmes. Cependant, lorsque je modifie des documents
Markdown, je préfère utiliser
une autre application appelée Mark text. Et c'est ici. L'avantage de
Mark Text est que vous pouvez utiliser le code Markdown. Par exemple, un
mal de tête. Mais il donne en fait un aperçu de
ce à quoi
devraient ressembler les titres. Le texte normal a donc un aspect très
différent de celui d'un titre. Et si je lui donne un titre
encore plus grand, qu'il a une apparence différente,
qu'il est
facile à lire, à analyser et à modifier. C'est la raison pour
laquelle j'ai choisi Mark Texts pour prendre des notes
au lieu de l'atome.
7. L'environnement de développement intégré (IDE): Pour en revenir aux diapositives, l'élément suivant est un
environnement de développement intégré, qui est un IDE. Ide rend le codage beaucoup plus facile
et plus rapide. Cela est dû au
fait que la plupart d'entre eux sont dotés fonctionnalités
intégrées
qui facilitent visualisation du code et
le contournement du code. Donc, des choses comme la saisie semi-automatique du code où votre IDE
suggérera des candidats probables pour ce que vous êtes en train de taper. Des choses comme sauter à la référence. Ainsi, par exemple, supposons que vous êtes dans TypeScript et que vous
survolez un type, vous pouvez directement accéder
à l'endroit où il est défini. Vous pouvez ainsi passer d'un projet à l'autre et au sein d'un même projet
très rapidement. Et cela rend le
codage beaucoup plus facile. Les IDE prennent également en charge
le débogage, exemple en mettant en
place un point d'arrêt et interrompant l'exécution
à ce point d'arrêt, ainsi que des tâches telles que l'exécution tests
unitaires ou même
l'exécution de tests d'intégration. Certains IDE sont spécifiques à une langue. Donc, par exemple, JetBrains a PyCharm, qui est exclusivement pour Python. Il est conçu pour
le développement en Python et possède les outils nécessaires pour vous aider à devenir un programme Python
plus rapide. Cependant, de nombreux IDE
sont indépendants de la langue, ce qui signifie qu'ils prennent en
charge plusieurs langues. C'est quelque chose comme VS Code
ou intelligent, ultime. Et les favoris les plus courants ici
sont les JetBrains, doux. Ce sont des produits payants. Donc, si vous voulez
quelque chose d'un peu plus avancé qui
vous aidera à en sortir un peu plus
dès le départ. La suite JetBrains
est idéale pour cela. Cependant, si vous voulez
quelque chose de gratuit, VS Code est une
alternative courante que la majorité des développeurs
ont maintenant adoptée.
8. Démo de l'IDE: Il s'agit d'une démonstration rapide d' un
environnement de développement intégré ou IDE. Cet IDE spécifique s'
appelle WebStorm, et c'est mon
IDE de prédilection pour les projets TypeScript, JavaScript ou React. Vous verrez que cela ressemble
beaucoup à Atom, qui est l'éditeur de texte de base
que nous utilisions auparavant. Cela contient beaucoup plus de fonctionnalités, beaucoup plus d'icônes, de boutons
et d'onglets dans lesquels vous pouvez accéder. Et ils sont tous là. le seul but de vous
aider à écrire du code plus rapidement. Vous verrez qu'en
ouvrant immédiatement cet exemple, il m'invite à installer
toutes les dépendances. Je peux donc simplement cliquer dessus
au lieu d'exécuter
une autre commande. Vous verrez que j'ai l'arborescence complète des répertoires
facilement consultable ici. J'ai même accès
à des choses comme get, où cela me donnera une interface
très graphique. Ou des choses comme la gestion des tâches dans
l'ensemble de la base de code. Accédez à ce fichier
appelé package.json. Vous verrez que je peux exécuter scripts Run et Build
courants afin de pouvoir lancer start. Et il exécutera cette tâche
directement dans l'ID. Et vous verrez que j'ai
effectivement une erreur ici, mais nous pouvons l'ignorer car je
n'ai pas encore configuré le
projet. Maintenant, en ce qui concerne l'
édition du code elle-même, par exemple si j'ouvre un fichier, vous verrez que j'obtiens une
belle mise en évidence de la syntaxe. Mais aussi, si je maintiens la commande enfoncée, je peux accéder à
ces déclarations. Je vois donc les prochaines requêtes d'API et je vois qu'elles sont
importées d'ailleurs. Je peux en fait aller de l'avant et aller directement
là où c'est défini. Et cela me permet de passer d' code à l'autre à partir de différents
fichiers très facilement, ce qui fait de moi un
développeur plus rapide car j'ai accès
aux informations plus rapidement. Vous verrez qu'en revenant
à l'un des fichiers, par exemple, si je devais déboguer quelque chose, je peux aussi créer un point d'arrêt
en cliquant simplement sur l'alignement pour ces petites fonctionnalités et subtilités, c'est tout
raisons pour lesquelles j'ai choisi d'utiliser un IDE et non un éditeur
de texte de base
pour le co-développement.
9. Conclusion du cours: Passons maintenant au dernier point, aux autres installations et
le point clé, comme je l'ai mentionné
au tout début, est d'installer uniquement ce
dont vous avez besoin et rien de plus. Donc, disons que vous vous lancez dans un projet TypeScript ou
JavaScript pour terminer, vous avez besoin de NodeJS. Dans ce cas, installez
NodeJS quand vous en avez besoin, mais vous n'avez pas besoin d'installer Python Node, Lang et tous les autres langages Si vous ne le rencontrez pas pour
le moment, cela ne suffit
pas vous pouvez plus facilement lancer votre environnement de
développement local, mais cela permet également d'économiser de l'espace
sur votre ordinateur. C'était donc une présentation
rapide de la configuration de votre ordinateur local pour un développement
efficace. Merci Bonne chance pour configurer
votre propre ordinateur. Dites-moi ce que
vous avez trouvé. Quels plugins avez-vous décidé d' installer sur votre terminal local ? Ou peut-être utilisez-vous une autre application au lieu du terminal lui-même. Quel est votre éditeur de texte préféré ? Avez-vous quelque chose de spécifique pour Markdown ou utilisez-vous
Adam pour tout, par exemple ? Quel est votre IDE préféré et dans quelle langue l'
utilisez-vous ? Et quelles autres installations
avez-vous dû
exécuter pour votre propre flux de travail de
développement ? Ou y en a-t-il qui, selon
vous,
font partie intégrante de l' environnement de
développement de chacun ?
Frank Jia, Full-stack software engineer
