Cet article recommande 14 sites Web d'édition de code puissants (sites Web pouvant afficher votre code). Ils fournissent tous des fonctions de prévisualisation en ligne, afin que les autres puissent voir comment votre code s'exécute. Ils sont parfois appelés « carrés de code ».
Ils fournissent non seulement des fonctions simples d'affichage de code, mais fournissent également de nombreuses fonctions utilisées dans la collaboration de code et les processus de programmation réels. Par exemple, lorsque vous avez besoin que quelqu'un vous aide à déboguer votre code source, vous pouvez utiliser ces sites pour partager votre code problématique, puis partager le lien avec la personne qui peut vous aider. Cela leur permet de visualiser facilement votre code source et de proposer des solutions.
1. CodePen
Site Web : https://codepen.io
Sur CodePen, vous pouvez démontrer du code appelé stylos. Pen est composé de HTML, CSS et JS. Codepen possède de nombreuses fonctions qui vous permettent d'afficher facilement votre code. Par exemple, il prend en charge la syntaxe SASS et LESS et peut ajouter rapidement des bibliothèques JS couramment utilisées telles que jQuery, Angular, etc. Découvrez les stylos populaires sur le site ici.
2. Liveweave
Site Web : https://liveweave.com/
Liveweave est un excellent éditeur de code source en ligne. C'est également le terrain de jeu ultime pour les concepteurs et les développeurs de sites Web, un excellent outil pour tester, pratiquer et démontrer votre code. Je l'aime beaucoup, c'est très pratique d'ajouter des dépendances tierces à votre code. Vous pouvez ajouter des packages de développement Web courants tels que Bootstrap et jQuery à votre code en seulement deux clics.
3. dabblet
Site Web : https://dabblet.com/
Cette plateforme d'affichage de code est plus orientée vers le CSS, mais elle aussi a des fonctions d'affichage HTML et JS. L'un des avantages est qu'il utilise une bibliothèque JS sans préfixe, vous n'avez donc pas à vous soucier du préfixe des propriétés CSS.
4. JS Fiddle
Site Web : https://jsfiddle.net/
JS Fiddle possède une fonction d'affichage de code JavaScript très puissante. Il dispose de plusieurs versions de bibliothèques de développement telles que jQuery, MooTools et React. Il dispose d'un outil d'analyse de code intégré JSHint. Il vous permet même de simuler des requêtes AJAX via son API d'écho.
5. kodtest
Site Web : http://kodtest.com/
Ce site Web de mise en évidence de code vous permet d'ajuster la taille et les supports de l'aperçu. Appareils mobiles et certains autres appareils à écran couramment utilisés. Cette fonctionnalité peut vous aider à déboguer rapidement les points d'arrêt réactifs.
6. Plunker
Site Web : http://plnkr.co/
Plunker est une plateforme pour créer, collaborer et partager le développement de votre site Web. communauté d'idées en ligne. Son éditeur de code possède de nombreuses fonctionnalités. Voici une liste des affichages les plus consultés sur Plunker.
7. CSSDeck
Site Web : http://i.9iphp.com/wp-content/uploads/2015/06/demo-code-cssdeck.jpg
CSSDeck a une interface utilisateur simple. Si vous recherchez une fonction simple pour afficher du code, c'est un bon outil candidat. Les personnes qui voient votre code s'afficher peuvent commenter ci-dessous, mais elles doivent au préalable créer un compte sur le site Web ou se connecter avec un compte Github.
8. code.reloado.com
Site Web : http://code.reloado.com/#javascript,html
C'est un autre Un outil simple pour afficher votre code. Il fournit de nombreuses bibliothèques js, jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto, etc.
9. Ideone
Site Web : https://ideone.com/
Cet outil d'affichage de code vous permet d'afficher le langage de code côté serveur (PHP, Perl, etc.). Peut également gérer des langages de programmation logiciels comme C++. Lorsque vous exécutez votre code, Ideone affiche les résultats pour vous et vos réviseurs de code. Il listera également pour vous les erreurs de compilation qu'il trouve.
10. codepad
Site Web : http://codepad.org/
codepad est une autre option pour afficher la parole côté serveur. Il prend en charge les langages de programmation tels que PHP, Ruby, C, C++, Python, etc.
11. JS Bin
Site Web : http://jsbin.com/?html, sortie
JS Bin est une intégration avec de nombreuses fonctions Plateforme d'affichage de codes. Il dispose même d'une console pour vous permettre de déboguer et d'inspecter votre code. Sa console est fondamentalement la même que celle du navigateur Chrome. Et JS Bin a le codecasting.
12. Tinkerbin
Site Web : https://tinkerbin.herokuapp.com/
Tinkerbin est une application simple qui fournit tout ce dont vous avez besoin Fonctionnel carré de code. En plus de prendre en charge JavaScript, Tinkerbin prend également en charge CoffeeScript, en plus de prendre en charge CSS, il prend également en charge Sass/SCSS/Less, et en plus de prendre en charge HTML, il prend également en charge HAML.
14. SQL Fiddle
Site Web : http://sqlfiddle.com/
SQL Fiddle est une plateforme d'affichage de vos instructions SQL. Il peut exécuter MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite, etc.
Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !