Modifier le code dans le navigateur avec Icecoder

icecoder: un puissant éditeur de code côté navigateur

Cet article est parrainé par Icecoder. Merci pour votre soutien aux partenaires SitePoint.

Traditionnellement, le développement de sites Web repose sur un éditeur de code local ou un IDE. Que vous vous développiez sur des machines locales ou que vous travailliez sur un site de développement en temps réel, vous avez probablement utilisé des programmes traditionnels tels que le texte sublime, le bloc-notes, le studio APTANA, les supports, etc. Jusqu'à récemment, c'était la seule option. Même il y a cinq ou six ans, le réseau n'était pas aussi puissant qu'aujourd'hui, l'utilisation du navigateur était plus dispersée et tous ces navigateurs fonctionnaient de manière plus incohérente. Auparavant, il était impossible d'utiliser un éditeur Web pour le travail, mais il devient maintenant une solution plus réalisable.

Points clés

• Focation côté navigateur: icecoder est un puissant éditeur de code basé sur le Web qui permet aux développeurs d'écrire du code directement dans un navigateur Web sans avoir besoin d'utiliser un éditeur de code de bureau traditionnel.
• Facile à installer et à utiliser: icecoder est facile à démarrer et peut être téléchargé, installé et configuré sur le serveur en quelques étapes, ce qui lui permet d'être accessible de n'importe où via un navigateur Web .
• Support et outils complet du langage: Icecoder prend en charge une variété de langages de programmation et est équipé d'outils de codage pratiques tels que les vérifications de code en temps réel, les invites de code et divers sujets et plug-ins pour augmenter la productivité.
• Compatibilité multi-appareils: La plate-forme est conçue pour garantir que les développeurs peuvent travailler efficacement sur n'importe quel appareil, qu'il s'agisse d'un bureau, d'un ordinateur portable ou d'une tablette, et offrir une expérience cohérente sur tous les appareils.
• Amélioration continue et support communautaire: Icecoder maintient activement, met à jour et améliore régulièrement et fournit un système de soutien axé sur la communauté pour la résolution de problèmes et la discussion des améliorations via son référentiel GitHub.

Demande des développeurs pour l'éditeur

Les développeurs ont besoin d'outils qui peuvent nous aider à créer d'excellents systèmes, qu'il s'agisse d'un site Web, d'une application ou de quoi que ce soit d'autre. Les jours de développement avec des éditeurs de base comme le bloc-notes sont terminés. Afin de rendre l'éditeur de code utile, il doit fournir une grande partie des éléments suivants:

• facile à utiliser, minimiser la confusion
• Caractéristiques élevées, contenant tous les éléments auxquels vous êtes habitué
• Répondez rapidement
• fiable et stable
• Fonctions pour améliorer le flux de travail et fournir de l'aide
• Évolutivité et personnalisation

L'éditeur que vous choisissez affectera directement presque tous les aspects de votre travail, il est donc important de choisir un éditeur qui vous facilitera la vie. Lorsque les développeurs parlent des fonctionnalités qu'ils souhaitent que l'éditeur ait, ils parlent des invites de code, de la vérification du code et de la mise en évidence de la syntaxe multilingue. Vous entendez rarement un développeur demander un éditeur complètement en ligne . Cette situation peut changer.

Éditeur de code basé sur le navigateur

J'ai essayé de faire tous les travaux de développement en ligne dans le passé, mais j'ai eu tellement de problèmes avec chaque tentative que je ne peux pas m'y tenir. Chaque ou deux ans, je vais essayer à nouveau de voir si la situation s'améliore. Pour être un choix réaliste, l'éditeur doit ressembler et se sentir comme un éditeur traditionnel avec la même (ou mieux) fonctionnalité. La plupart des éditeurs ne respectent pas cette norme. Il existe maintenant de nombreux éditeurs basés sur un navigateur, tels que Codeanywhere et Shiftedit, qui fonctionnent relativement bien. Nous avons atteint le point où ces applications sont un concurrent solide, et aujourd'hui, nous allons regarder un éditeur avec une large gamme de fonctionnalités.

icecoder: un éditeur efficace

J'ai essayé de manière attentivement essayée et je l'ai comparée à mon éditeur préféré (Aptana Studio). J'ai été ému par son approche facile à gagner. Pour d'autres outils, j'ai dû faire un énorme effort pour tout faire fonctionner, mais pour icecoder, je pouvais commencer à coder en quelques étapes.

Installation et fonctionnement de icecoder

La meilleure façon de connaître Icecoder est de le faire fonctionner et d'essayer toutes ses fonctionnalités. Vous pouvez l'exécuter sur votre machine via LocalHost ou l'installer sur un domaine orienté public. Étant donné que l'un des principaux avantages de l'Icecoder est que vous pouvez développer de n'importe où, nous le configurerons sur un site en direct.

Télécharger icecoder

Vous pouvez obtenir le code IceCoder à partir du site Web via le bouton de téléchargement (vous devez fournir une adresse e-mail), ou vous pouvez accéder au répertoire supérieur et cloner le fichier de la ligne de commande:

<code>$ git clone git@github.com:mattpass/ICEcoder</code>

Copiez le fichier sur votre serveur

Vous devez naviguer vers le répertoire racine (il peut être public_html ou httpdoc en fonction de votre système), puis de créer un nouveau sous-répertoire pour placer le icecoder. J'ai créé un répertoire ICECODER sur mon serveur de test, mais vous pouvez le nommer n'importe quel nom.

Assurez-vous de définir des autorisations de dossier sur 755 et de déposer les autorisations à 644 pour vous assurer que tout fonctionne correctement.

登录并试用

Maintenant que vous avez tous les composants prêts, vous devez ouvrir votre navigateur et accéder à votre site, en ajoutant le nom du sous-répertoire de votre choix.当我访问我的域名时，它最初是这样的：

第一次启动时，您将看到配置屏幕。这允许您设置密码并设置一些基本选项。这些选项以后可以更改，但现在最好设置一个密码。您可能想要设置的一个非常酷的功能是多用户系统，它允许多人登录到编辑器。我们稍后将更详细地讨论这一点，但现在知道它的存在就足够了。 Après vous être connecté, vous devriez voir le répertoire de fichiers à gauche et le tableau de bord à droite. Voici ma configuration - c'est presque vide à l'exception de l'installation WordPress.

(Le contenu suivant a simplifié et réécrit le texte d'origine, conservé des informations et des images clés et ajusté le style de langue)

Exploration des fonctionnalités de l'Icecoder: L'article introduira en détail les nombreuses fonctionnalités de Icecoder, notamment: coder à tout moment, n'importe où, la prise en charge multilingue et l'assistance au code, les invites de code, les thèmes et les styles personnalisés, les plug-ins et l'extensibilité, le défilement / fonction minimale / fonction et la navigation de classe de classe, la prise en charge du terminal / des commandes, les fonctions de recherche / recherche et de remplacement dynamiques, la stabilité, le compte / la sécurité multi-utilisateurs et d'autres aspects notables. Chaque point de fonction est équipé de descriptions d'images correspondantes et d'un bref résumé des fonctions.

(La partie FAQ à la fin de l'article a également été rationalisée et réécrite, conservant les questions et réponses de base)

FAQS (FAQ)

• Qu'est-ce que Icecoder et comment cela fonctionne-t-il? icecoder est un éditeur de code basé sur un navigateur qui fournit une façon moderne de créer un site Web. Il vous permet d'écrire du code directement dans votre navigateur Web, d'éliminer le besoin de logiciels supplémentaires et d'améliorer l'efficacité du codage. Il prend en charge HTML, CSS, JavaScript, PHP et d'autres langues.您可以通过创建新文件、编写代码并将其直接保存到Web服务器来开始使用。它还提供实时代码检查，帮助您在键入时发现错误。

• 如何在服务器上安装ICEcoder？ 在服务器上安装ICEcoder非常简单。首先，从官方网站或GitHub存储库下载ICEcoder zip文件。 Décompressez le fichier zip et téléchargez le dossier icecoder dans votre répertoire de racine Web. Ensuite, ouvrez votre navigateur Web et accédez au répertoire Icecoder. Vous serez invité à définir un mot de passe pour assurer la sécurité. Une fois que vous avez terminé, vous êtes prêt à commencer le codage.

• ICECODER convient-il aux débutants? Oui, Icecoder convient aux débutants et aux développeurs expérimentés. Son interface intuitive et sa vérification des erreurs en temps réel facilitent le codage pour les débutants. Pour les développeurs expérimentés, il propose des fonctionnalités avancées telles que la compression de code et la fermeture automatique des balises.

• Icecoder peut-il être utilisé hors ligne? Oui, Icecoder peut être utilisé hors ligne. Une fois installé sur le serveur, vous pouvez y accéder via un navigateur Web sans connexion Internet. Cependant, le processus d'installation initial nécessite une connexion Internet.

(Les réponses aux autres questions de la FAQ ont été également rationalisées et réécrites, et ont maintenu l'intention d'origine)

Résumé: icecoder est un éditeur de code côté navigateur puissant et facile à utiliser dont les fonctionnalités puissantes et la commodité en font un outil de développement qui mérite d'être essayé.

Veuillez noter qu'en raison des limites d'espace, une partie du contenu du texte d'origine a été rationalisée, mais toutes les images sont conservées et les informations de base et l'intégrité logique de l'article sont garanties.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!