Jetez un oeil à l'éditeur frontal actuel

Lorsque j'ai aidé certains étudiants à modifier le code à distance, j'ai constaté que les éditeurs utilisés par chacun étaient variés : VSCode, WebStorm et même Sublime...

Cela ne peut s'empêcher de me rappeler : [J'ai d'abord appris En ce qui concerne le front-end, j'ai vraiment essayé de nombreuses options différentes dans l'éditeur].

Jusqu'à présent, je me suis habitué à utiliser VSCode en tant que "fan inconditionnel", et j'ai même "oublié" que d'autres éditeurs existent. Vous pouvez considérer cela comme une sorte de « concentration ». Cependant, cela limite également nos choix.

Alors, jetons un coup d'œil à l'éditeur frontal actuel aujourd'hui. Après tout, « une centaine d'écoles de pensée s'affrontent » vont « se heurter » et trouveront plus d'inspiration :

notepad++

Avantages :

1. Gratuit et open source : Notepad++ est un logiciel gratuit et open source. Les utilisateurs peuvent obtenir le logiciel gratuitement et modifier librement le code source.
2. Léger : Notepad++ est un éditeur de texte léger qui démarre très rapidement et utilise moins de mémoire. Il est très approprié pour certaines tâches d'édition de texte simples.
3. Mise en évidence de la syntaxe : Notepad++ prend en charge la mise en évidence de la syntaxe pour de nombreux langages de programmation, ce qui rend la programmation plus confortable. Mais il ne peut mettre en évidence que le contenu de base de certains langages, en particulier pour le front-end. L'effet de mise en évidence pour vue et réagir, y compris jQuery, n'est pas très bon
4. Plug-ins riches : Notepad++ prend en charge de nombreux plug-ins, ce qui peut aider davantage les utilisateurs. Développez et modifiez facilement.

Inconvénients :

1. La fonction est relativement simple : Notepad++ est un éditeur de texte, très convivial pour l'édition de texte simple, et également convivial pour l'édition de code simple, mais ses fonctions sont comparées aux environnements de développement intégrés (IDE) professionnels. relativement simple et manque de certaines fonctions avancées, telles que certains plug-ins, certains segments de code spéciaux, certaines corrections d'erreurs, vérification de code, etc.
2. Ne prend pas en charge le débogage : Notepad++ ne prend pas en charge la fonction de débogage de code, qui est destinée à certains utilisateurs qui besoin de déboguer le code Cela peut ne pas être pratique. Si nous faisons du développement front-end, nous pouvons déboguer davantage dans le navigateur, donc les défauts ne sont pas évidents, mais pour d'autres langages qui nécessitent un débogage local ou en temps réel, les défauts peuvent être plus évidents
3. Ne convient pas. pour les grands projets : étant donné que Notepad++ a des fonctions relativement simples, il n'est pas adapté au développement de grands projets. À l'heure actuelle, les utilisateurs doivent utiliser des outils de développement plus professionnels.
4. Fonctionne uniquement sur la plate-forme Windows : Notepad++ ne peut fonctionner que sur la plate-forme Windows et ne peut pas être utilisé sur d'autres systèmes d'exploitation. Pas propice aux projets de développement multiplateformes.

webstorm

Avantages :

1. Haute intégration : WebStorm intègre de nombreux outils et fonctions nécessaires au développement Web, notamment des éditeurs de code, des débogueurs, un contrôle de version, des outils de test, etc. sont directement intégrés au logiciel.Après l'installation, vous pouvez directement obtenir les capacités et la commodité offertes par ces outils, et vous pouvez facilement terminer l'ensemble du processus de développement Web.
2. Prend en charge plusieurs technologies : WebStorm prend en charge plusieurs technologies front-end et back-end, telles que HTML, CSS, JavaScript, React, Angular, Vue.js, Node.js, etc., et inclut même la compilation de sass, moins , ts et autres fichiers Il est directement intégré au logiciel et peut répondre aux différents besoins des développeurs avec une seule installation.
3. Invites de code intelligent et complétion automatique : les invites de code intelligent et les fonctions de complétion automatique de WebStorm peuvent aider les développeurs à réduire le nombre de frappes et à améliorer l'efficacité du développement.
4. Fonction de débogage puissante : la fonction de débogage de WebStorm est très puissante, ce qui facilite le débogage du code front-end et back-end et la recherche d'erreurs et de problèmes dans le code.
5. Riche bibliothèque de plug-ins : en plus d'un grand nombre d'outils et de fonctions intégrés, WebStorm dispose également d'un grand nombre de plug-ins parmi lesquels choisir au sein de son propre écosystème, qui peuvent facilement étendre ses fonctions.

Inconvénients :

1. Prix plus élevé : WebStorm est un logiciel commercial, pas un éditeur logiciel, vous devez payer pour l'utiliser (prend en charge la version authentique), le prix est relativement élevé, il peut être un peu cher pour les développeurs individuels .
2. Courbe d'apprentissage abrupte : WebStorm a des fonctions très riches, la courbe d'apprentissage est donc abrupte et il faut un certain temps et de l'énergie pour apprendre et utiliser, en particulier certaines des fonctions avancées intégrées, qui nous obligent à consacrer beaucoup de temps et d'énergie pour étudier.
3. Consommation de ressources Plus : WebStorm consomme plus de ressources et nécessite que votre ordinateur soit relativement bien configuré, sinon il ne fonctionnera pas correctement
4. Convient uniquement au développement Web : WebStorm est un IDE. outil spécialement conçu pour le développement Web, il convient donc à d'autres types d'applications. Il peut ne pas être adapté au développement. C'est la caractéristique de JetBrains. Ils se spécialisent dans une chose. Par exemple, ils auront PHPStorm et JavaStorm correspondants à prendre en charge. le développement d'autres langages.

sublime

Avantages :

1. Léger : Sublime Text démarre très rapidement et utilise moins de mémoire Il est très adapté à certaines tâches simples d'édition de texte. Et il n'y a pas d'exigences élevées pour la configuration de l'ordinateur. On peut dire que l'ensemble de l'ordinateur peut fonctionner
2. Fonctions riches : Sublime Text a des fonctions très riches, notamment la mise en évidence du code, la saisie semi-automatique, l'enregistrement de macros, l'édition multiligne, Goto. Tout, etc., peut aider les développeurs à accomplir leur travail plus efficacement.
3. Plug-ins riches : Sublime Text prend en charge de nombreux plug-ins, qui peuvent aider les utilisateurs à développer et à modifier plus facilement.
4. Prise en charge multiplateforme : Sublime Text peut fonctionner sur plusieurs plates-formes telles que Windows, macOS et Linux, ce qui est très pratique pour les utilisateurs multiplateformes.
5. Hautement personnalisable : Sublime Text permet aux utilisateurs de personnaliser les paramètres, les jeux de couleurs et les plug-ins. Ils peuvent décider du thème de l'éditeur en fonction de leurs souhaits personnels, ce qui est plus conforme à leurs habitudes d'utilisation personnelles.

Inconvénients :

1. Logiciel payant : Sublime Text est un logiciel payant Bien qu'il nous donne une période d'essai, vous devez toujours payer après la période d'essai
2. La qualité du plug-in varie : Sublime Text prend en charge de nombreux plug-ins. ins, mais la qualité de ces plug-ins varie et certains plug-ins peuvent avoir des problèmes de sécurité ou être instables.
3. Ne prend pas en charge les mises à jour automatiques : Sublime Text ne se met pas à jour automatiquement comme les autres logiciels. Nous devons prêter attention à certaines informations de mise à jour nous-mêmes, puis télécharger manuellement le package d'installation et le réinstaller.
4. Manque de support communautaire : par rapport à certains éditeurs open source, le support communautaire de Sublime Text n'est pas très complet, et certains contenus périphériques fournis par la communauté sont également inégaux.
5. Vitesse de développement lente : la vitesse de développement de Sublime Text est relativement lente. Le déploiement de certaines nouvelles fonctionnalités et mises à jour peut prendre plus de temps.

VSCode (Visual Studio Code)

Avantages :

1. Léger : VS Code démarre rapidement, utilise moins de mémoire et est plus léger que certains outils IDE lourds.
2. Fonctions riches : VS Code est très riche en fonctions, notamment la mise en évidence du code, la complétion automatique, le débogueur, la prise en charge de Git, la prise en charge multilingue, etc. On peut dire que vous seul n'y pensez pas, mais il peut
3. Plug-ins riches : VS Code dispose d'une bibliothèque de plug-ins très riche. Les utilisateurs peuvent choisir les plug-ins dont ils ont besoin en fonction de leurs propres besoins pour étendre les fonctions de l'éditeur.
4. Prise en charge multiplateforme : VS Code peut fonctionner sur plusieurs plates-formes telles que Windows, macOS et Linux, ce qui le rend très pratique pour les utilisateurs multiplateformes.
5. Fort soutien de la communauté : VS Code bénéficie d'un solide soutien de la communauté de développement, où les utilisateurs peuvent obtenir de l'aide, partager leurs expériences et discuter des problèmes.

Inconvénients :

1. Vitesse de démarrage lente : comparé à certains éditeurs légers, vscode démarre relativement lentement, car il possède des plug-ins de fonctions d'outils intégrés, il est donc légèrement plus grand.
2. Utilisation plus élevée des ressources : relativement comparée avec certains éditeurs légers, VS Code consomme beaucoup de ressources. Relativement parlant, il a quelques petites exigences en matière de configuration informatique, mais il n'est pas très volumineux et est acceptable
3. Certains plug-ins sont de mauvaise qualité : Bien que VS Code. dispose d'une riche bibliothèque de plug-ins, mais certains plug-ins sont de mauvaise qualité et peuvent présenter des problèmes de sécurité ou d'instabilité.
4. La configuration est complexe : certaines configurations avancées de VS Code nécessitent que les utilisateurs les configurent eux-mêmes, et l'apprentissage des utilisateurs novices peut prendre un certain temps.

HBuilder

Avantages :

1. Intégrer plusieurs outils : HBuilder intègre plusieurs outils de développement front-end couramment utilisés, tels que des éditeurs de code, des débogueurs, des bibliothèques d'extraits de code, des outils de construction, etc. Les utilisateurs peuvent le compléter dans une seule interface. les tâches améliorent l’efficacité du développement.
2. Puissance puissante du framework front-end : HBuilder prend en charge plusieurs frameworks front-end populaires, tels que Vue.js, React, Angular, etc., qui peuvent aider les développeurs à développer plus facilement.
3. Prise en charge du développement multiplateforme : HBuilder peut prendre en charge le développement multiplateforme, tel que iOS, Android, Web, les applets WeChat, etc., aidant ainsi les développeurs à développer et tester des applications multiplateformes plus facilement.
4. Forte évolutivité : HBuilder prend en charge les extensions de plug-in. Les utilisateurs peuvent installer et désinstaller des plug-ins en fonction de leurs propres besoins pour personnaliser les fonctions de l'éditeur.
5. Gratuit et open source : HBuilder est également un logiciel gratuit et open source qui peut être installé et utilisé directement.

Inconvénients : 

1. Relativement complexe : par rapport à certains éditeurs simples, l'interface et les opérations de HBuilder sont relativement complexes et nécessitent que les utilisateurs passent un certain temps pour se familiariser et apprendre.
2. Utilisation élevée des ressources : HBuilder est un éditeur relativement lourd qui consomme beaucoup de ressources et nécessite un ordinateur doté de bonnes performances pour fonctionner correctement.
3. La qualité des plug-ins varie : bien que la bibliothèque de plug-ins de HBuilder soit relativement riche, certains plug-ins ont une qualité variable et peuvent présenter des problèmes de sécurité ou d'instabilité.
4. Certaines fonctions sont instables : certaines fonctions de HBuilder peuvent être instables, ce qui entraîne des problèmes pour les utilisateurs lors de leur utilisation.
5. Plus de publicité : HBuilder a beaucoup de publicité, et certains utilisateurs peuvent le trouver trop vivant, ce qui peut ne pas convenir aux utilisateurs qui recherchent la simplicité et la pureté.

atom

Avantages :

1. Gratuit et open source : Atom est un éditeur de code gratuit et open source Bien qu'il s'agisse d'un éditeur lourd, il s'agit d'un logiciel gratuit et peut être utilisé après l'installation
2. Des plug-ins riches. : Atom prend en charge les extensions de plug-ins. Les utilisateurs peuvent installer et désinstaller des plug-ins selon leurs propres besoins pour personnaliser les fonctions de l'éditeur, et il existe un grand nombre de plug-ins.
3. Communauté active : Atom dispose d'une communauté active où les utilisateurs peuvent obtenir de l'aide et du soutien, ainsi que partager et apprendre des expériences d'autres développeurs.
4. Prise en charge multiplateforme : Atom peut fonctionner sur plusieurs plates-formes, telles que Windows, macOS, Linux, etc., ce qui permet aux utilisateurs de développer facilement sur différents systèmes d'exploitation.
5. Haute personnalisation : Atom peut être personnalisé via des fichiers de configuration et des feuilles de style. Les utilisateurs peuvent définir l'apparence et les fonctions de l'éditeur en fonction de leurs propres préférences. Personnellement, j'aime beaucoup les thèmes natifs de la série sombre d'Atom, et ils me conviennent tous très bien. .

Inconvénients :

1. Utilisation élevée des ressources : étant donné qu'Atom est un éditeur de code relativement lourd, il doit utiliser des ressources élevées et les exigences de configuration de votre ordinateur peuvent être plus élevées
2. Vitesse de démarrage lente : la vitesse de démarrage d'Atom est relativement lent, ce qui peut affecter l'expérience utilisateur.
3. Instabilité causée par la personnalisation : Atom est très personnalisable, mais cela entraînera également une certaine instabilité, et certains utilisateurs peuvent rencontrer des problèmes.
4. Menus et options complexes : les menus et options d'Atom sont encombrants, ce qui déroute parfois les utilisateurs et nécessite un certain temps pour se familiariser et se maîtriser.
5. La qualité des plug-ins varie : bien que la bibliothèque de plug-ins d'Atom soit riche en quantité, certains plug-ins ont une qualité variable et peuvent présenter des problèmes de sécurité ou d'instabilité.

DW (dreamweaver)

Avantages :

1. Conception visuelle : Dreamweaver prend en charge la conception Web WYSIWYG. Les utilisateurs peuvent créer et concevoir rapidement des pages Web en faisant glisser, en sélectionnant, en modifiant et en effectuant d'autres opérations.
2. Prend en charge plusieurs langages de programmation : Dreamweaver prend en charge plusieurs langages de programmation, tels que HTML, CSS, JavaScript, PHP, etc., ce qui permet aux utilisateurs de développer facilement des pages Web.
3. Bonne intégration : Dreamweaver s'intègre bien avec d'autres logiciels Adobe, tels que Photoshop, Illustrator, etc., et peut facilement importer et modifier des images, des icônes et d'autres éléments.
4. Fonctions riches : Dreamweaver fournit de nombreuses fonctions, telles que les invites de code, le pliage de code, la mise en évidence de code, la complétion automatique de code, etc., qui peuvent améliorer l'efficacité du travail des utilisateurs.
5. Prise en charge des modèles et des bibliothèques : Dreamweaver fournit une prise en charge des modèles et des bibliothèques, les utilisateurs peuvent rapidement créer et utiliser des modèles et des bibliothèques pour accélérer le développement Web.

Inconvénients :

1. Prix élevé : Dreamweaver est un logiciel commercial En tant que produit d'Adobe, il est nécessaire de dépenser de l'argent, et le prix n'est pas bon marché (prend en charge la version authentique)
2. Coût d'apprentissage élevé : Fonctions de Dreamweaver. Il est relativement riche, et les débutants peuvent mettre un certain temps à l'apprendre et à le maîtriser, et le coût d'apprentissage est relativement élevé.
3. Utilisation élevée des ressources : Dreamweaver est un logiciel relativement lourd qui consomme beaucoup de ressources et nécessite un ordinateur doté de bonnes performances pour fonctionner correctement.
4. Génération de code imparfait : bien que Dreamweaver prenne en charge la conception visuelle, le code qu'il génère peut présenter certains problèmes et nécessite un ajustement et une optimisation manuels.
5. Pas assez flexible : la conception visuelle de Dreamweaver peut limiter la créativité et l’imagination des utilisateurs, et n’est pas suffisamment flexible et libre.