Cette première décision définira votre productivité et votre efficacité au fur et à mesure que vous codez.
Avant même de commencer à apprendre le développement Web, il faut choisir et télécharger l’éditeur de code de votre choix.
Cette partie ici est cruciale — votre parcours, votre courbe d’apprentissage est en jeu. Ce sera l’outil que vous utiliserez lorsque vous commencerez à écrire votre code, et vous aurez le choix entre différents éditeurs de code.
Pour ceux qui ont commencé à coder il y a plus de 10 ans, la plate-forme la plus utilisée était Notepad++, et d’autres éditeurs de code ont suivi après TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, Brackets et CoffeeCup HTML Editor.
Dans la technologie moderne, les choix ont été réduits en quelques-uns, à savoir Sublime Text, Atom, VSCode, Vim, Crochets.
Au fur et à mesure que vous étudiez, vous trouverez différents enseignants ou instructeurs qui ont préféré utiliser un éditeur de texte différent, peu importe si vous les suivez et utilisez le même éditeur, ou choisissez le vôtre, ce qui compte, c’est que vous êtes à l’aise avec l’éditeur de texte que vous avez choisi. Choisissez ce qui vous rend plus productif car cela vous aidera à devenir un meilleur programmeur.
Alors, choisissez judicieusement.
Atom a été lancé par les développeurs géniaux de Github, mais maintenant propriété de Microsoft, la bonne chose à propos d’Atom est qu’il est gratuit, qu’il est open-source et également hautement personnalisable, la meilleure partie d’atom est sa fonctionnalité de télétype, qui permet à plusieurs / plusieurs développeurs de travailler sur le même projet, sur le même code, de toutes les parties du monde, sur des emplacements différents.
Atom est un peu similaire à Sublime Text, mais de nombreux développeurs qui ont préféré Atom l’étaient à cause de son interface simple par rapport à Sublime Text.
Atom peut être utilisé sur 3 systèmes d’exploitation (OS), Windows, Mac et Linux, donc quelle que soit la plate-forme dont vous disposez, Atom est disponible.
Caractéristiques:
- Atom est une application de bureau pour les Technologies Web
- Elle a une conception modulaire et contient plus de 50 extensions / packages open source que vous pouvez intégrer autour d’un noyau minimal
- Extraits
- Interface utilisateur propre et simple
- Nœud.intégration js
- Navigateur de système de fichiers
- Approche piratable
- Extraits Kirby, le favori de l’utilisateur atom. https://atom.io/packages/kirby-snippets
- TerminalPlatf PlatformIO
Inconvénients
- Il a quelques problèmes de performances
- Le lancement prend plusieurs secondes par rapport aux autres éditeurs de texte, en particulier lorsque vous installez de nombreux packages / extensions.
- Un peu lent par rapport à Sublime Text car il s’agit d’une application basée sur un navigateur (elle est exécutée à l’aide d’Electron)
Télécharger Atom.io Ici: https://atom.io/
Et voici une vidéo rapide sur la configuration d’atom:
Vim
Avantages
- Léger et rapide par rapport aux autres éditeurs, il utilise une mémoire système minimale et se charge instantanément
- Vous pouvez trouver des plugins pour presque tout, de la version au contrôle en passant par la préférence de couleur
- C’est gratuit et c’est opensource, et peut être utilisé en mode terminal ou interface graphique
- Basé sur un clavier et vous réaliserez probablement que vous n’avez plus besoin de souris, tout est disponible sur vos raccourcis clavier.
Inconvénients
- Courbe d’apprentissage, il vous faudra du temps pour apprendre, et vous aurez autant de commandes et de raccourcis à retenir
- Prise en charge médiocre de son outillage
- Peu efficace en matière de mécanisme de coupe/collage
Vous pouvez télécharger et configurer Vim utilisation de cette ressource: https://www.vim.org/download.php
Voici une ressource supplémentaire si vous souhaitez en savoir plus sur Vim:
Voici un bon cours d’introduction aux bases pour que vous puissiez commencer et apprendre les bases de Vim.
Supports
Avantages
- Open Source et Multiplateforme, ce qui signifie qu’il est gratuit et peut être utilisé sous Mac, Windows et Linux
- Il a la complétion du code, il y aura une suggestion automatique comme tapez votre code
- La caractéristique unique du support est l’édition rapide lorsque vous marquez un élément HTML et appuyez sur CMD / Ctrl + E, le support ouvrira alors tous les CSS associés à ces certains éléments dans le même fenêtre, une fois que vous la fermez, elle s’appliquera automatiquement à la feuille de style CSS.
- Possibilité d’ajouter plusieurs extensions et packages pour rendre votre éditeur de parenthèses plus puissant et utile
- Les parenthèses ont également plusieurs curseurs
- Il dispose également d’un sélecteur de couleurs car les codes hexadécimaux de couleur sont difficiles à retenir.
- Aperçu en direct, pour voir facilement les résultats ou la sortie de votre édition / style
Fonction de sélecteur de couleurs
Inconvénients
- Brackets se concentre sur le côté frontal – clairement conçu pour les développeurs Frontend, ce qui est très utile en HTML, CSS et Javascript et pas beaucoup sur les langages côté serveur
Vous pouvez télécharger Brackets.io ici: http://brackets.io/
Voici une vidéo rapide dans la configuration des parenthèses:
Texte Sublime
De nombreux développeurs ont tout de même choisi d’utiliser Sublime Text, car si sa rapidité, sa simplicité ainsi que les raccourcis clavier sont très utiles lorsque l’on travaille sur différents langages de script, tels que Javascript.
Vous pouvez télécharger Sublime Text ici: https://www.sublimetext.com/
Voici une vidéo d’introduction pour démarrer et configurer votre Texte Sublime :
Pros:
- Open Source et Multiplateforme, ce qui signifie qu’il est gratuit et peut être utilisé sous Mac, Windows et Linux
- Auto-complétion
- Surbrillance de syntaxe
- Pliage de code
- Personnalisable — plus de 3 800 paquets disponibles
- Léger, rapide et stable
Inconvénients:
- Il n’y a pas encore de plugin Git décent
- Développement lent car sublime n’a pas une grande équipe derrière elle
- Pas si adapté aux débutants
Voici un tutoriel bonus pour des Conseils de Texte Sublimes, des Astuces, des raccourcis clavier et les meilleures fonctionnalités! Profiter.
VSCode
Visual Studio Code offre aux développeurs un nouveau choix d’outils de développement qui combine la simplicité et l’expérience simplifiée d’un éditeur de code avec le meilleur de ce dont les développeurs ont besoin pour leur cycle de base code-édition-débogage. Visual Studio Code est le premier éditeur de code et le premier outil de développement multiplateforme – prenant en charge OS X, Linux et Windows — de la famille Visual Studio.
L’un des avantages de l’utilisation de VSCode est sa capacité à s’intégrer à Git, c’est simple et rapide, une autre chose est sa capacité à s’intégrer sur différentes équipes à distance, plusieurs développeurs peuvent travailler sur le même projet, voire le même code en utilisant cet outil/extension : Visual Studio Live Share aide plusieurs développeurs à travailler ensemble plus efficacement, par rapport à Sublime Text et Atom.
Avantages
- Léger et rapide
- Gratuit
- Interface utilisateur simple et propre
- Terminal intégré
- Curseur multiple
- IntelliSense – c’est une fonction d’assistant de suralimentation à la complétion automatique, à la coloration syntaxique pour éliminer typos et erreurs de syntaxe possibles
- Une énorme communauté pour le support et la création d’extensions et de ressources supplémentaires
- A les meilleures fonctionnalités comme Git, Terminal, WebView, Live Share
- Prise en charge native de la collaboration Git, open directory se connecte facilement à Github et aucun ensemble complexe jusqu’.
- A une extension Emmet, un codage HTML, CSS et Javascript super rapide
Inconvénients
- Pas de prise en charge des anciennes versions de programmation telles que ASP.NET
- Les fonctionnalités de débogage sont limitées
Avec tant de pile et de technologies différentes, même le choix de l’éditeur de programmation est devenu plus intimidant et écrasant, laissez-moi vous donner un conseil et vous faire gagner du temps, il ne s’agit pas seulement des outils, dans le sport, il ne s’agit pas d’avoir les meilleures chaussures ou les chaussures de football les plus chères, ou pour les photographes, il ne s’agit pas toujours de savoir qui possède l’appareil photo le plus cher qui obtient le plus beau cliché, à la fin de la journée, it il s’agit toujours de savoir qui l’utilise, comment vous l’utilisez et si vous l’utilisez même.
J’étais un grand fan de Sublime Text, j’ai commencé le développement Web en utilisant Sublime mais quand VSCode est apparu et a pris le cœur de chaque développeur non seulement à cause de son interface joliment esthétique mais aussi à cause de ses milliers d’extensions ou d’outils à choisir qui rendent le codage plus efficace, plus facile et plus puissant, j’ai moi-même été attiré par lui.
Le plus populaire et aussi ma recommandation serait VSCode, je l’utilise depuis des années.
Voici un bonus pour la configuration et le tutoriel du code Visual Studio, Profitez-en!
Merci d’avoir lu! N’hésitez pas à lire mes autres blogs pour plus de tutoriels et d’outils gratuits pour tous les développeurs! Profitez…