Quel est le meilleur IDE Cloud en 2020? Voici 8 des meilleures options

Quel est le meilleur IDE Cloud en 2020? Voici 8 des meilleures options

Quel est le meilleur IDE Cloud en 2020? Voici 8 des meilleures options
СОДЕРЖАНИЕ
02 июня 2020

Traditionnellement, il était courant pour les développeurs de créer du code à l’aide de vos éditeurs de texte courants. De la machine locale au serveur, les éditeurs de texte basés sur terminal comme VIM et Emacs (ainsi que les éditeurs de texte basés sur GUI comme SublimeText) restent les options de choix pour de nombreux développeurs. Cependant, la popularité croissante des services cloud conduit à l’essor des IDE cloud. Dans cet article, nous couvrons les options les plus populaires et fonctionnelles d’aujourd’hui, et essayons de trouver le meilleur IDE cloud en 2020.


Mais d’abord, en quoi un IDE est-il différent d’un éditeur de texte? En plus des fonctionnalités avancées de l’éditeur de texte comme la mise en évidence de la syntaxe, la différence la plus significative est qu’un IDE vous permet de compiler et d’exécuter le code que vous écrivez. De plus, certains IDE ont des fonctionnalités avancées comme le débogage. Les meilleurs IDE offrent une solution unique pour tous vos besoins de développement – avec des avantages supplémentaires comme le contrôle de version et l’intégration continue.

Meilleur IDE Cloud

Voici la programmation complète:

  1. CodePen #
  2. JSFiddle #
  3. Ordinateurs portables Microsoft Azure #
  4. Observable #
  5. Repl.it #
  6. Codenvy #
  7. Google Cloud Shell #
  8. Codeanywhere #

1. CodePen

codepen cloud IDE

CodePen est un éditeur cloud pour HTML, CSS et JavaScript qui vous permet de rendre des extraits de code en temps réel, puis de les partager avec d’autres. Le principal objectif de CodePen est de permettre aux développeurs de créer des démos de leur travail frontal.

Démo CodePenDémo CodePen

Vous pouvez utiliser des feuilles de style et des scripts hébergés en externe sur votre démo CodePen. De plus, CodePen vous donne accès à une console JavaScript pour déboguer votre code si vous créez un élément dans la plateforme.

Les démos CodePen peuvent également être intégrées à votre site Web. Les stylets intégrés ont des aperçus du code, ce qui les rend idéaux pour les rédacteurs techniques tout en créant des didacticiels pour les technologies frontales.

CodePen vous permet de bifurquer le travail d’autres développeurs et de le développer. Différentes vues de votre code sont fournies, mais certaines ne sont disponibles que sur la version pro, à partir de 8 $ / mois facturé annuellement.

Alors que la force de CodePen est de créer et de partager des stylos, il a introduit Projets en 2017, ce qui vous permet de créer des projets frontaux entiers sur le site, ce qui en fait un IDE complet.

2. JSFiddle

jsfiddle - un IDE cloud pour JS

JSFiddle est un des premiers IDE qui est à l’origine un terrain de jeu de code, influençant de nombreux autres concurrents aujourd’hui. Il vous permet de créer des éléments frontaux et de les rendre en direct dans le navigateur.

JSFiddle DemoDémo JSFiddle

Vous êtes en mesure de bifurquer le travail des autres et de le développer, en plus d’intégrer votre travail dans des sites externes. JSFiddle est une version simplifiée de CodePen pour ceux qui souhaitent travailler avec un éditeur de code plus simple mais qui ont toujours des capacités de compilation.

3. Ordinateurs portables Microsoft Azure

azure - le meilleur IDE cloud de Microsoft

Microsoft Azure Notebooks est une solution complète de bout en bout fournie par Microsoft pour gérer les projets développés via Cahiers Jupyter. Tout d’abord, vous devez vous connecter à votre compte Microsoft et choisir un plan. Un plan de niveau gratuit est disponible. Vos projets peuvent être construits sur Python 2, Python 3, R ou F #.

Vous pouvez ensuite initialiser un référentiel de projet vide avec un fichier de démarque README.

Créer un projet sur AzureCréer un projet dans Azure

Une fois le référentiel créé, vous pouvez procéder à la création de blocs-notes et travailler dessus.

Cahier Jupyter sur AzureCahier Jupyter dans Azure

Azure vous permet également de démarrer un terminal à l’emplacement du projet. Vous pouvez exécuter des commandes Unix sur le terminal, ainsi que fournir une option pour déboguer votre code Python via le terminal.

Terminal AzureTerminal Azure

Azure vous permet également de partager votre projet avec des collaborateurs. Les didacticiels créés par Microsoft pour les ordinateurs portables Azure se présentent également sous la forme de projets sur la plateforme. Par exemple, voici un projet sur accéder aux données de ces ordinateurs portables.

4. Observable

observablehq

Alors que Jupyter est responsable de l’augmentation de la popularité de Python dans le cloud, il a également inspiré les créateurs d’Observable à construire une solution similaire destinée à JavaScript.

Les blocs-notes observables sont des blocs-notes en nuage JavaScript qui peuvent inclure un mélange de scripts et de Markdown. L’objectif principal d’Observable est de partager des graphiques basés sur JavaScript à travers le cloud.

Vous pouvez consulter les fonctionnalités d’Observable sans créer de compte via le carnet de démonstration.

Démo observableDémo observable

Lors de la création d’un compte, vous pourrez enregistrer toutes les modifications que vous apportez à un bloc-notes et partager les résultats avec les autres.

Passons maintenant à des solutions de bout en bout un peu plus complètes pour trouver les autres meilleures plates-formes IDE cloud.

5. Repl.it

repl.it

L’idée derrière Repl.it est de vous permettre de vous concentrer sur le codage en laissant la plateforme se charger de la configuration de l’environnement.

Une fois l’enregistrement terminé, vous pouvez créer un environnement en un clic. Il existe un grand nombre de langues parmi lesquelles choisir. Dans cette démonstration, allons de l’avant avec Python.

Lorsque vous sélectionnez un environnement, la fenêtre qui s’ouvre est divisée en trois colonnes – le système de fichiers, l’éditeur de texte et un interprète sur le terminal. Vous pouvez les redimensionner pour vous concentrer sur la partie du projet sur laquelle vous vous concentrez.

Environnement Repl.itEnvironnement Repl.it

Dans le menu de gauche, vous pouvez également sélectionner les packages avec lesquels vous souhaitez travailler dans votre projet actuel. Il y a même une option multijoueur sur Repl.it qui le rend utile pour la collaboration! Lorsque vous l’activez, vous pouvez créer une URL avec un collaborateur potentiel pour contribuer ou afficher l’état du projet en temps réel.

Collaboration Repl.itCollaboration Repl.it

6. Codenvy

codenvy

Codenvy est un autre IDE basé sur le cloud qui vous permet de configurer votre environnement de développement, d’écrire votre code dans la plate-forme, puis de l’exécuter. Dans cette démonstration, créons un environnement basé sur PHP.

Dans Codenvy, un environnement de développement dans le cloud est appelé un espace de travail. Après l’enregistrement, vous devez d’abord créer un espace de travail avec une pile prédéfinie. Les piles incluent des langages de programmation populaires comme PHP, Python, Go et Rails avec 3 Go de RAM dans le niveau gratuit. Les équipes comptant jusqu’à trois développeurs peuvent également utiliser le forfait gratuit.

Créer un espace de travail sur CodenvyCréer un espace de travail sur Codenvy

Une fois que vous avez créé un espace de travail, la fonctionnalité est similaire à Repl.it. Votre espace de travail est divisé en gestion de fichiers, éditeur de texte et terminal. Contrairement à Repl.it, vous pouvez utiliser des commandes Unix dans le terminal plutôt que simplement l’interpréteur Python pour déboguer votre code.

Exemple de projet PHP sur CodenvyExemple de projet PHP dans Codenvy

Codenvy vous permet également d’importer un projet depuis GitHub ou de cloner un référentiel à partir d’un emplacement distant. De plus, Codenvy vous permet également de partager votre projet avec des collaborateurs en temps réel.

7. Google Cloud Shell

cloud.google

Google Cloud Shell est un terminal dans le cloud que vous pouvez exécuter via un navigateur. Cloud Shell est livré préinstallé avec une variété de bibliothèques et de services populaires tels que Docker, Python, Git et VIM. Il fournit 5 Go d’espace de stockage dans votre répertoire personnel.

Google Cloud Shell est une solution complète pour un développeur sans environnement de développement local. Si vous utilisez un Chromebook, cette option devrait répondre à la plupart de vos besoins de développement.

Terminal Google Cloud ShellTerminal Google Cloud Shell

Google Cloud Shell vous fournit également un éditeur de texte basé sur une interface graphique si vous n’êtes pas à l’aise avec les éditeurs de texte terminaux comme VIM et Emacs. Pour lancer l’éditeur de texte avec une visionneuse de système de fichiers, utilisez l’icône d’édition en haut à droite du terminal.

Éditeur de texte de l'interface graphique de Google Cloud ShellÉditeur de texte de l’interface graphique de Google Cloud Shell

Bien que vous puissiez utiliser Git pour synchroniser vos fichiers dans le terminal, vous avez également la possibilité de télécharger ou de télécharger des fichiers via le système de fichiers indiqué à gauche. De plus, la version bêta publique vous permet de créer un shell à partir d’une image docker.

Dans l’ensemble, Google Cloud Shell semble être une option viable à utiliser comme environnement de développement principal. Avec des changements fréquents du produit, vous devriez certainement l’essayer.

8. Codeanywhere

codeanywhere - peut-être le meilleur IDE cloud dans son ensemble

Codeanywhere est la dernière option dans notre quête pour trouver le meilleur IDE cloud. Il s’agit d’un IDE cloud multiplateforme qui vous permet de créer un environnement, d’importer ou de créer un projet puis de l’exécuter dans le même environnement.

Il n’y a pas de niveau gratuit pour Codeanywhere, bien qu’un essai de sept jours soit disponible. Les forfaits les moins chers sont de 2,5 $ par mois, facturés annuellement.

Configurer l'environnement sur CodeanywhereConfigurer un environnement dans Codeanywhere

Une fois connecté, vous devez créer un environnement de développement. Vous pouvez utiliser l’une des piles existantes de la liste des options. Utilisons une pile centrée sur le développement Python:

Éditeur de texte sur CodeanywhereÉditeur de texte dans Codeanywhere

Lorsque la construction se charge avec succès, vous pouvez soit importer un projet Git, soit créer votre propre référentiel vide.

Terminal sur CodeanywhereTerminal dans Codeanywhere

Avec un éditeur de texte enrichi, vous pouvez créer, modifier et enregistrer des fichiers. Ensuite, vous pouvez exécuter tout code que vous avez créé ou enregistré via le terminal en exécutant la commande appropriée.

Codeanywhere prend en charge la synchronisation avec Dropbox, OneDrive et Google Drive, en plus de GitHub et BitBucket via le contrôle de version. De plus, vous pouvez également vous connecter à votre environnement via des clients FTP afin de transférer des fichiers vers et depuis d’autres emplacements. Codeanywhere a également un partenariat avec DigitalOcean pour s’intégrer aux gouttelettes DO.

Réflexions finales sur le meilleur IDE cloud

Il n’y a peut-être pas une seule réponse au meilleur IDE cloud en 2020, mais il y a beaucoup d’options à choisir, selon vos besoins:

Si vous avez juste besoin d’exécuter et de partager des extraits de code, vous devriez essayer JSFiddle ou CodePen.

Si vous souhaitez créer des blocs-notes avec une combinaison de sorties Markdown et de code, vous pouvez donner Ordinateurs portables Azure ou Observable un essai.

Si vous voulez une alternative à un environnement de développement local, vous devriez essayer Google Cloud Shell.

Si vous souhaitez une solution complète de bout en bout, vous devriez essayer Codeanywhere, Codenvy ou Repl.it.

Selon vous, lequel est le meilleur IDE cloud de 2020? Avons-nous manqué votre favori? Faites-le nous savoir dans les commentaires ci-dessous.

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

Mise en page et présentation par Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector