Évaluation approfondie des cinq meilleurs IDE de développement de mini-programmes WeChat

Le mini-programme WeChat est en test interne depuis un certain temps. L'auteur a écrit plusieurs petites démos par curiosité et par apprentissage. Même si je n'ai pas rencontré trop de pièges dans le framework MINA, les outils de développement officiels ne l'ont pas vraiment fait. osez Complimenter. En réponse à plusieurs besoins, l'auteur a essayé les outils actuellement disponibles sur le marché qui prennent en charge le développement de petits programmes. Je les ai minutieusement résumés comme suit pour votre référence.

L'applet WeChat est en test interne depuis un certain temps. L'auteur a écrit plusieurs petites démos par curiosité et par apprentissage, même si je ne l'ai pas rencontrée sur le framework MINA. Il y a trop d’embûches, mais les outils de développement officiels ne sont vraiment pas flatteurs.

• L'invite de l'API est incomplète, vous devez vérifier l'API une par une, l'écriture du code est super lente

• De nombreuses touches de raccourci nécessaires sont non disponible, comme Sélectionner tous les mots-clés, copier rapidement une ligne, etc.

• Vous ne parvenez pas à sélectionner un thème de couleur ? Que faire si vous n'aimez pas le style blanc ?

• Pas de plug-ins, pas de plug-ins, pas de plug-ins Les choses importantes concernant les plug-ins ont été mentionnées trois fois

L'auteur a pas d'autre choix que de se lancer dans un voyage consistant à essayer différents IDE. Maintenant, laissez-moi parler de mes besoins ou de mes idées d'IDE :

• Léger : je n'aime pas les géants comme Eclipse. des outils similaires apparaissent, je ne les utiliserai pas car 90% de leurs fonctions ne seront pas utilisées.

• Coloration de code personnalisable : la coloration de code est une fonctionnalité indispensable, il serait préférable qu'elle prenne en charge les modèles de couleur

• Conseils de code précis : c'est tellement important, tout le monde comprend

• Débogable : l'IDE peut être débogué ou exécuté

• Interface de prévisualisation en temps réel : puisque le développement d'applications est différent à partir des pages Web, l'aperçu en temps réel doit charger des données dynamiques dans l'interface lorsque le programme est en cours d'exécution. Je n'ai pas beaucoup d'espoir dans cet aspect

En réponse aux exigences ci-dessus, l'auteur a essayé différents supports actuellement disponibles sur le marché. Les outils de développement de petits programmes sont résumés ci-dessous à titre de référence.

Outil de développement officiel du programme WeChat Mini

Notez que je n'ai pas utilisé le mot « IDE » dans ce sous-titre. Car aux yeux de l’auteur, il s’agit bien d’un outil, pas d’un IDE. La fonction d'édition de code dans l'outil officiel consiste à intégrer la fonction d'édition de code de vscode dans l'outil, ce qui n'est pas suffisant pour prendre en charge le développement.

Avantages

Parce qu'il s'agit d'un outil officiel, d'autres outils tiers ont cet avantage naturel incomparable, si ce n'est que sa fonction d'édition de code est trop faible.

• Outil officiel, déboguable, prévisualisable

• L'édition de code de base, les invites intelligentes, le débogage et d'autres fonctions sont disponibles

• Gestion de projet, création, prévisualisation mobile, revue de soumission de code

• Mise à jour de la maintenance officielle

Inconvénients

Les inconvénients sont également évidents. Dans l'ensemble, il s'agit d'un outil plutôt que d'un IDE. La mauvaise fonction d'édition de code rend l'écriture de code très difficile. C'est la raison la plus importante pour laquelle j'ai abandonné.

• L'invite de l'API est incomplète, vous devez vérifier l'API une par une, l'écriture du code est super lente

• De nombreuses touches de raccourci nécessaires sont non disponible, comme Sélectionner tous les mots-clés, copier rapidement une ligne, etc.

• Vous ne parvenez pas à sélectionner un thème de couleur ? Que faire si vous n'aimez pas le style blanc ?

• Pas de plug-ins, pas de plug-ins, pas de plug-ins Des choses importantes sur les plug-ins ont été dites trois fois

Résumé

Actuellement, parce que nous devons utiliser les outils de développement Web WeChat pour créer, déboguer et afficher de petits programmes, prévisualiser et télécharger, cet outil est donc essentiel. Cependant, la fonction d'édition de code est vraiment médiocre. Il est recommandé d'utiliser d'autres outils d'édition de code tiers.

Sublime Text 3

Après avoir parlé des outils officiels, parlons de l'outil le plus couramment utilisé dans mon travail quotidien, texte sublime 3. Il se positionne comme un éditeur de code plutôt que comme un IDE Après l'avoir essayé, les invites de code ne sont que moyennes.

Avantages

• Ouvrez les fichiers beaucoup plus rapidement et l'interface utilisateur est simple et élégante

• Édition de code expérience Confortable et efficace

• Il dispose d'un grand nombre de plug-ins, et vous pouvez essentiellement trouver les plug-ins correspondants pour répondre à différents besoins

• Les développeurs tiers développent de petits plug-ins de programme Pour la coloration du code et les astuces de code

Inconvénients

• Pas de débogage, pas d'aperçu

• car il s'agit d'un plug-in écrit par un développeur tiers et les astuces de code ne sont pas très complètes

Résumé

En plus de ses propres avantages en matière d'édition de code, elle n'apporte aucune aide substantielle pour le développement de petits programmes. Finalement, la solution Sublime Text a été abandonnée par l'auteur.

Je dois me plaindre de ce plug-in de Sublime Text. Il m'a fallu beaucoup de temps pour le faire fonctionner, ce qui est très frustrant.

Remarque : Le lien de téléchargement du plug-in se trouve à la fin de l'article

Vim WEPT

Vim est l'un des éditeurs. Dieu a toujours été mon outil pour me montrer, donc je n'en dirai pas beaucoup plus sur la bonté de vim, de peur que les gens d'Emacs ne viennent me gronder.

Quelqu'un sur Internet a développé un plug-in correspondant appelé Wxapp.vim. J'ai utilisé ce plug-in brièvement, notamment la détection de fichiers, la complétion intelligente, le saut de document, la coloration syntaxique, l'indentation, les extraits de code et. listes de mots, vérification de la grammaire et autres fonctions. Dans l'ensemble, c'est bien, mais il y a un problème sérieux. Lorsque je faisais du développement de serveur, j'utilisais essentiellement Vim pour la programmation et j'utilisais d'autres plug-ins et outils pour exécuter le débogage directement sur le terminal. Mais j'ai dû abandonner le programme WeChat Mini après l'avoir utilisé pendant une longue période, car je devais fréquemment basculer entre Vim et l'outil officiel du mini programme WeChat, ce qui m'a extrêmement irrité. Selon le style habituel de l'auteur, vous devez jeter la souris lorsque vous utilisez Vim.

Mais finalement j'ai trouvé un remède, que je présenterai ci-dessous.

Avantages

• La mise en évidence du code, les invites de code et d'autres fonctions sont complètes.

• Il existe un petit plug-in de développement de programme Wxapp.vim qui peut être utilisé, qui a été mentionné ci-dessus

Inconvénients

• Impossible de déboguer l'aperçu

• Un autre problème est que de nombreuses personnes ne peuvent pas gérer Vim, qui a une courbe d'apprentissage élevée

• L'interface utilisateur et son utilisation ne correspondent pas aux habitudes de la plupart des gens

Résumé

'WEPT ' résout ce que j'ai dit à propos de Vim ci-dessus Pain point.

WEPT est un environnement de développement en temps réel pour les mini-programmes WeChat. Son objectif est de fournir un environnement d'exploitation efficace, stable, convivial et sans restriction pour le développement de mini-programmes. En d'autres termes, il s'agit en soi d'un environnement d'exécution en temps réel qui permet d'obtenir une prévisualisation et un débogage en temps réel. Dans le même temps, le débogage peut être effectué à l’aide du navigateur Chrome. Associé au précédent Vim, il résout parfaitement les problèmes de l'édition de code au débogage en passant par l'aperçu.

Ce produit n'est pas un IDE, et l'auteur n'analysera pas ses avantages et ses inconvénients. Dans l’ensemble, WEPT VIM Plugin est une bonne solution. Recommandé à tout le monde.

Remarque : Le lien de téléchargement du plug-in se trouve à la fin de l'article

WebStorm

WebStorm dispose d'un plug-in sur Internet qui peut implémenter des invites de code, mais ne peut pas effectuer de débogage et de prévisualisation, et c'est un outil lourd, donc je n'ai pas utilisé WebStorm. Les chaussures pour enfants qui aiment une sensation plus épaisse peuvent essayer cet outil.

Avantages

• Il existe des plug-ins qui peuvent réaliser la mise en évidence du code, les invites de code et d'autres fonctions

• Oui Fonctions très matures et très riches

• Diverses touches de raccourci

Inconvénients

• Ne peut pas être débogué Aperçu

• Il a de nombreuses fonctions et est gonflé

Résumé

En résumé , webstorm et Comme ci-dessus, la fonction d'édition de code est puissante mais nécessite la prise en charge de plug-ins pour développer de petits programmes, et elle est gonflée.

Remarque : Le lien de téléchargement du plug-in se trouve à la fin de l'article

Aile d'Aigrette

Wing est considéré comme l'IDE de l'auteur. C'est le premier IDE que je vois pris en charge au niveau de l'entreprise, les fonctions sont donc assez matures. Je l'ai téléchargé et essayé pour l'instant, mis à part la solution Vim ci-dessus, cela devrait être le meilleur outil IDE après comparaison.

Avantages

• Prise en charge des invites de code, mise en évidence du code

• Aperçu et débogage en temps réel et commutation Aperçu de différentes résolutions

• prend réellement en charge la création de projets ?!

• Prend en charge les nouveaux fichiers de modèles de page

• Mises à jour bihebdomadaires

Inconvénients

• L'aperçu de l'interface en temps réel est un rendu statique et ne peut pas être utilisé pour les données dynamiques dans l'interface Aperçu ne peuvent être prévisualisées que pendant le débogage.

• Impossible de glisser-déposer visuellement pour générer l'interface (suis-je trop gourmand ?)

Résumé

Wing est le seul IDE qui prend en charge la fonction de prévisualisation en temps réel. Même les responsables de WeChat n'ont pas de prévisualisation en temps réel mais doivent prévisualiser après la compilation. Pour l'auteur paresseux, ne soyez pas trop content lorsque vous écrivez l'interface avec du vrai. -time preview ! Wing Non seulement vous pouvez créer un projet, créer un nouveau modèle de page et exécuter le projet, mais vous constaterez que l'interface d'aperçu est très similaire à l'outil de développement officiel de WeChat. Recommandé en premier.

Résumé

Faisons une liste et laissons chacun choisir selon son humeur.

Environnement/Outils	Brève description	Mise en évidence du code	Conseils de code	Débogage	Aperçu en temps réel	Adresse de téléchargement du logiciel/plug-in
Outil officiel	Outil officiel du programme WeChat Mini	Support	Extrêmement faible	Support	Support	Télécharger le logiciel
Egret Wing	Le premier IDE à prendre en charge le développement d'applets WeChat. Sublime Text 3	Sublime Text doit installer un plug-in.	Supporté	Supporté	Non pris en charge	Non pris en charge	Plugin
Webstorm	IDE poids lourd WebStorm	Supporté	Supporté	Non pris en charge	Non pris en charge	Plugin
vim WEPT	Outil de combinaison puissant	Support	Support	Support	Support	Plug-in Vim, WEPT

Pour plus d'articles liés à l'évaluation approfondie des cinq principaux IDE de développement d'applets WeChat, veuillez prêter attention au PHP chinois site web!