Web Maker, une alternative Codepen basée sur un navigateur hors ligne

Web Maker: éditeur de code de navigateur hors ligne, votre code paradis

Web Maker est une extension de navigateur Chrome qui fournit un environnement d'édition de code hors ligne basé sur un navigateur similaire aux éditeurs de code en ligne tels que Codepen, JSBIN et JSFiddle, vous permettant d'écrire le code HTML, CSS et JavaScript et prévisualiser les effets en temps réel.

Cet outil a de nombreuses fonctionnalités pratiques telles que le rafraîchissement instantané, la sauvegarde et le chargement des projets, la prise en charge des préprocesseurs traditionnels, l'ajout de bibliothèques JavaScript ou CSS externes, plusieurs modes de mise en page et des captures d'écran. Vous pouvez également enregistrer le travail en tant que fichier HTML ou l'ouvrir directement sur Codepen, et il est open source sur GitHub.

Scénarios d'application du fabricant Web:

• Pratiquez des outils pour apprendre le développement Web: Pas besoin de paramètres fastidieux, concentrez-vous sur l'écriture de code.
• Développement des composants indépendants: Développer rapidement et tester des composants indépendants pour les applications.
• Éditeur Markdown: Transformez le fabricant Web en éditeur de Markdown avec aperçu en temps réel. (Cet article est écrit à l'aide d'un fabricant Web)
• Enseignement de classe: Environnement hors ligne, adapté à l'enseignement en classe.
• Code de débogage: Crée des cas de test simplifiés pour un débogage facile.
• Stockage de l'extrait de code: Enregistrez et gérez vos extraits de code préférés.

Fonctions principales:

• Super rapide, disponible hors ligne: En tant qu'extension Chrome, Web Maker s'exécute entièrement dans le navigateur sans connexion réseau (sauf si vous utilisez une bibliothèque JavaScript / CSS tiers). La vitesse de démarrage est extrêmement rapide, l'aperçu est actualisé instantanément après la modification du code et la modification CSS ne nécessite même pas de rafraîchissement. Prend en charge la sauvegarde et le chargement des projets.

• Prise en charge du préprocesseur: prend en charge les préprocesseurs traditionnels tels que Markdown, Jade, SCSS, moins, JSX et TypeScript.

• Ajouter la bibliothèque: Facile à ajouter des bibliothèques externes telles que jQuery, bootstrap, etc.

• Multipperie: Fournit une variété de dispositions d'éditeurs et se souvient de la mise en page et des tailles de panneaux de code que vous avez utilisées la dernière fois.

• Fonction de screencapsulation: Effet d'aperçu de la capture d'écran en un clic.

• Enregistrer en tant que HTML ou ouvert dans Codepen: pour le partage et la collaboration.

• open source: github est open source, ce qui facilite la contribution et la rétroaction des utilisateurs.

Plan futur:

• Fonction d'importation / exportation
• Paramètres personnalisés de l'éditeur (taille de police, thème, indentation, etc.)

Résumé:

Web Maker est un puissant éditeur de code de navigateur hors ligne conçu pour simplifier le processus de développement frontal. Ses fonctionnalités open source le rendent également plus dynamique, et tout le monde est invité à utiliser, à faire des commentaires et à contribuer!

(Ce qui suit est la FAQ, qui est fondamentalement la même que la teneur en FAQ d'origine, mais la méthode d'expression est ajustée pour la rendre plus concise et lisse)

FAQ (FAQ):

• Quelles sont les principales fonctions de Web Maker? Web Maker est un puissant éditeur de code de navigateur hors ligne qui prend en charge l'aperçu en temps réel, la sauvegarde et le chargement du projet, les préprocesseurs (tels que PUG, SASS, TypeScript) et les bibliothèques (telles que React, Vue, Angular).

• Comment le fabricant Web se compare-t-il à Codepen? Les deux fonctions sont similaires, mais le fabricant Web prend en charge l'utilisation hors ligne, tandis que Codepen nécessite une connexion réseau. Codepen a des fonctionnalités communautaires plus fortes.

• Quels navigateurs prennent en charge les fabricants Web? Bien que la plupart des navigateurs modernes soient pris en charge, il est optimisé pour Chrome.

• Le fabricant Web est-il gratuit? Oui, Web Maker est entièrement gratuit et open source.

• Comment enregistrer un projet dans Web Maker? Le fabricant Web est automatiquement enregistré dans le stockage local du navigateur, ou peut être enregistré et exporté manuellement en tant que fichier .webm.

• Le fabricant Web prend-il en charge les appareils mobiles? Actuellement, il est principalement optimisé pour les navigateurs de bureau, et l'assistance mobile est en cours d'amélioration.

• Le fabricant Web prend-il en charge les préprocesseurs? prend en charge PUG (HTML), SASS (CSS), TypeScript (JavaScript), etc.

• Les fabricants Web peuvent-ils importer des bibliothèques? Prise en charge de l'importation de bibliothèques populaires telles que React, Vue, Angular, etc.

• Comment démarrer avec Web Maker? Vous pouvez accéder au site Web du fabricant Web directement dans un navigateur pris en charge, sans le télécharger et l'installer.

• Comment partager des projets de fabricants Web? Exportez-le en tant que fichier .webm à partager.

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!