zoukankan      html  css  js  c++  java
  • 14款优秀的代码展示网站

    本文列出的这些网站可以分享和展示你的代码。它们都提供在线预览功能,所以别人可以看到你的代码如何运行。它们有时候也被称作“代码广场”或者“沙箱”。

    它们不仅仅提供简单的代码展示功能,还提供很多代码协作和实际编程过程会用到的功能。例如,当你需要别人帮你调试源代码的时候,可以使用这些网站分享你有问题的代码,然后把链接分享给帮助你的人。这使得他们可以方便的查看你的源代码并提供解决方案。

    1.CodePen

    在CodePen上,你可以演示被称作 pens 的代码。Pen 由 HTML、CSS和JS组成。Codepen有很多方便你展示代码的功能。例如,它支持 SASS 和 LESS 语法,可以快速的添加常用的JS库如jQuery、Angular等。这里可以查看该网站上流行的Pens。

    14款优秀的代码展示网站 - 爱七七五八网 - 1

    在线预览

    2.Liveweave

    Liveweave是一个非常棒的在线源代码编辑器。这也是网站设计师和开发者的终极游乐场,一个伟大的测试、练习和展示你代码的工具。我喜欢它可 以非常方便的为你的代码添加第三方依赖。你只需点击两次就可以为你的代码添加Bootstrap、jQuery等常用的Web开发包。

    14款优秀的代码展示网站 - 爱七七五八网 - 2

    在线预览

    3.dabblet

    这个代码展示平台更偏向于CSS,但它也有HTML和JS展示功能。一个方便的地方是它使用了-prefix-free JS库,所以你不需要担心CSS属性的前缀。

    14款优秀的代码展示网站 - 爱七七五八网 - 3

    在线预览

    4.JS Fiddle

    JS Fiddle具有非常强大的JavaScript代码展示功能。它具有多个版本的开发库,如jQuery、MooTools、React。它内置代码分析工具JSHint。它甚至允许你通过它的 echo API来模拟AJAX请求。

    14款优秀的代码展示网站 - 爱七七五八网 - 4

    在线预览

    5.<kodtest/>

    这个代码高亮展示网站允许你调整预览尺寸,支持移动设备和一些其他常用的屏幕设备。这个功能可以帮你快速调试响应式断点。

    14款优秀的代码展示网站 - 爱七七五八网 - 5

    在线预览

    6.Plunker

    Plunker是一个创建、合作、分享你的网站开发思路的在线社区。它的代码编辑器具有非常多的功能。这里是一个Plunker上浏览最多的展示列表。

    14款优秀的代码展示网站 - 爱七七五八网 - 6

    在线预览

    7.CSSDeck

    CSSDeck具有一个简洁的用户界面。如果你想找一个简单的展示代码的功能,这个一个很好的候选工具。看到你代码展示的人可以在下面做出评论,不过他们需要提前注册该网站的帐号或者使用Github帐号登录。

    14款优秀的代码展示网站 - 爱七七五八网 - 7

    在线预览

    8.code.reloado.com

    这是另一个简单的展示你代码的工具。它提供很多js库, jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto等等。

    14款优秀的代码展示网站 - 爱七七五八网 - 8

    在线预览

    9.Ideone

    这个代码展示工具允许你展示服务器端代码语言(PHP、Perl等)。也可以处理像C++这样的软件编程语言。当你运行代码的时候,Ideone会为你和你的代码reviewers显示运行结果。它也会为你列出它发现的编译错误。

    14款优秀的代码展示网站 - 爱七七五八网 - 9

    在线预览

    10.codepad

    codepad是另一个展示服务器端语音的选择。它支持编程语言如PHP、Ruby、C、C++、Python等。

    14款优秀的代码展示网站 - 爱七七五八网 - 10

    在线预览

    11.JS Bin

    JS Bin是一个集成很多功能的代码展示平台。它甚至有个控制台来让你调试和检查代码。它的控制台跟Chrome浏览器的控制台基本一样。并且JS Bin具有codecasting。

    14款优秀的代码展示网站 - 爱七七五八网 - 11

    在线预览

    12.Tinkerbin

    Tinkerbin是一个简单的提供了你需要的所有功能的代码广场。Tinkerbin除了支持JavaScript还支持CoffeeScript,除了支持CSS还支持Sass/SCSS/Less,除了支持HTML还支持HAML。

    14款优秀的代码展示网站 - 爱七七五八网 - 12

    在线预览

    13.jqversion

    这个一个很好的测试jQuery代码的地方。它提供了多个版本的jQuery库。

    14款优秀的代码展示网站 - 爱七七五八网 - 13

    在线预览

    14.SQL Fiddle

    SQL Fiddle是展示你的SQL语句的平台。它可以运行 MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite等。

    14款优秀的代码展示网站 - 爱七七五八网 - 14

    在线预览

  • 相关阅读:
    Ant的实现原理
    单例模式
    Ant常用代码段
    [转]大象吃香蕉问题
    i++和++i探秘
    带滚动条的table
    公钥系统/数字签名/数字证书工作原理入门 [转]
    动态创建WPF 控件,并绑定指定Style
    C#如何使用帮助及如何关联到F1键
    Umbraco安装记录
  • 原文地址:https://www.cnblogs.com/cz305679760/p/4600288.html
Copyright © 2011-2022 走看看