推荐14个可以展示你代码的网站
今天我将跟大家分享一些可以展示你代码的网站,它们都提供在线预览功能,所以别人可以看到你的代码如何运行。它们有时候也被称作“代码广场”。
它们不仅仅提供简单的代码展示功能,还提供很多代码协作和实际编程过程会用到的功能。例如,当你需要别人帮你调试源代码的时候,可以使用这些网站分享你的问题代码,然后把链接分享给帮助你的人。这使得他们可以方便的查看你的源代码并提供解决方案。
1、CodePen
网址:https://codepen.io
在CodePen上,你可以演示被称作 pens 的代码。Pen 由 HTML、CSS和JS组成。Codepen有很多方便你展示代码的功能。例如,它支持 SASS 和 LESS 语法,可以快速的添加常用的JS库如jQuery、Angular等。这里可以查看该网站上流行的Pens。
2、Liveweave
网址:https://liveweave.com/
Liveweave是一个非常棒的在线源代码编辑器。这也是网站设计师和开发者的终极游乐场,一个伟大的测试、练习和展示你代码的工具。我非常喜欢它,它可以非常方便的为你的代码添加第三方依赖。你只需点击两次就可以为你的代码添加Bootstrap、jQuery等常用的Web开发包。
3、dabblet
网址:https://dabblet.com/
这个代码展示平台更偏向于CSS,但它也有HTML和JS展示功能。一个方便的地方是它使用了-prefix-free JS库,所以你不需要担心CSS属性的前缀。
4、JS Fiddle
网址:https://jsfiddle.net/
JS Fiddle具有非常强大的JavaScript代码展示功能。它具有多个版本的开发库,如jQuery、MooTools、React。它内置代码分析工具JSHint。它甚至允许你通过它的 echo API来模拟AJAX请求。
5、kodtest
网址:http://kodtest.com/
这个代码高亮展示网站允许你调整预览尺寸,支持移动设备和一些其他常用的屏幕设备。这个功能可以帮你快速调试响应式断点。
6、Plunker
网址:http://plnkr.co/
Plunker是一个创建、合作、分享你的网站开发思路的在线社区。它的代码编辑器具有非常多的功能。这里是一个Plunker上浏览最多的展示列表。
7、CSSDeck
网址:http://i.9iphp.com/wp-content/uploads/2015/06/demo-code-cssdeck.jpg
CSSDeck具有一个简洁的用户界面。如果你想找一个简单的展示代码的功能,这个一个很好的候选工具。看到你代码展示的人可以在下面做出评论,不过他们需要提前注册该网站的帐号或者使用Github帐号登录。
8、code.reloado.com
网址:http://code.reloado.com/#javascript,html
这是另一个简单的展示你代码的工具。它提供很多js库, jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto等等。
9、Ideone
网址:https://ideone.com/
这个代码展示工具允许你展示服务器端代码语言(PHP、Perl等)。也可以处理像C++这样的软件编程语言。当你运行代码的时候,Ideone会为你和你的代码reviewers显示运行结果。它也会为你列出它发现的编译错误。
10、codepad
网址:http://codepad.org/
codepad是另一个展示服务器端语音的选择。它支持编程语言如PHP、Ruby、C、C++、Python等。
11、JS Bin
网址:http://jsbin.com/?html,output
JS Bin是一个集成很多功能的代码展示平台。它甚至有个控制台来让你调试和检查代码。它的控制台跟Chrome浏览器的控制台基本一样。并且JS Bin具有codecasting。
12、Tinkerbin
网址:https://tinkerbin.herokuapp.com/
Tinkerbin是一个简单的提供了你需要的所有功能的代码广场。Tinkerbin除了支持JavaScript还支持CoffeeScript,除了支持CSS还支持Sass/SCSS/Less,除了支持HTML还支持HAML。
14、SQL Fiddle
网址:http://sqlfiddle.com/
SQL Fiddle是展示你的SQL语句的平台。它可以运行 MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite等。
本文完~
推荐14个可以展示你代码的网站相关推荐
- 推荐14个牛逼的代码编辑网站
今天我将跟大家分享一些可以展示你代码的网站,它们都提供在线预览功能,所以别人可以看到你的代码如何运行.它们有时候也被称作"代码广场". 它们不仅仅提供简单的代码展示功能,还提供很多 ...
- 推荐两个在线格式化JavaScript代码的网站
找到两个在线格式化JavaScript代码的网站, 很好很强大, 分享下: 1. http://jsbeautifier.org/, 速度很快, 很好很强大! 2. http://tools.jb51 ...
- 推荐几个检索论文及代码的网站
很多时候我们想要复现别人的研究成果,编程实现或者改进一个算法,我们都会涌现出一个强烈的愿望:啊我想要直接看作者的程序! 哪怕自己掌握了算法梗概,也希望自己能够对一下答案~ 于是,慢慢总结了一下如何科学 ...
- 14个强大的代码编辑网站
今天我将跟大家分享一些可以展示你代码的网站,它们都提供在线预览功能,所以别人可以看到你的代码如何运行.它们有时候也被称作"代码广场". 它们不仅仅提供简单的代码展示功能,还提供很多 ...
- .net之工作流工程展示及代码分享(二)工作流引擎
在介绍完表单类的时候,接下来介绍工作流引擎,主要由四个类组成,分别是流程.流程步骤.流程实例.流程步骤实例类. 流程类: 1 [Serializable] 2 public class Flow 3 ...
- 推荐14款强大的Mac修图利器,简约创意,让你随心所欲的创作
如何让您的照片看起来更棒,并让人们喜欢的珍贵的纪念品,推荐14款强大的Mac修图利器,简约创意,让你随心所欲的创作,原来修图从未如此简单. 1.Luminar 4 Luminar 4 for mac( ...
- Android简易音乐重构MVVM Java版-新增推荐菜单及侧边栏展示(十二)
Android简易音乐重构MVVM Java版-新增推荐菜单及侧边栏展示(十二) 关于 效果图 添加侧边栏 添加推荐歌单 新增RecommendAdapter适配器 修改DiscoverFragmen ...
- 推荐:常见NLP模型的代码实现(基于TensorFlow和PyTorch)
推荐github上的一个NLP代码教程:nlp-tutorial,教程中包含常见的NLP模型代码实现(基于TensorFlow和Pytorch),而且教程中的大多数NLP模型都使用少于100行代码. ...
- C# 视频监控系列(14):总结贴——VC++代码转成C#小结
前言 关键字:c++ to C# 原计划是再写一篇H264播放器转换AVI的文章才开始写总结的,至今未能成功,由于时间问题并且也暂时没有这个需求,所以决定从原计划中去掉这一章节直接进入总结贴,然后结束 ...
- 2023年的深度学习入门指南(14) - 不能只关注模型代码
2023年的深度学习入门指南(14) - 不能只关注模型代码 最近,有一张大模型的发展树非常流行: 这个图是相当不错的,对于加深对于Transformer模型编码器.解码器作用的理解,模型的开源和闭源 ...
最新文章
- 记工作中的git遇到的问题
- Json and Go
- pandas DataFrame 数据处理常用操作
- 个人管理 - 书籍推荐(待读)
- 翻译 - EXT JS 5:Controlling an Application with Router
- 【李宏毅机器学习】Convolutiona Neural Network 卷积神经网络(p17) 学习笔记
- 开发函数计算的正确姿势 —— 排查超时问题
- Ubuntu8.10下迁移SVN版本库到新增的SAS硬盘
- 最新图解 github 修改github地址 用户名
- 文件读写和字符串、列表的排序
- 复旦sakai安装指南
- win10键锁定计算机,win10笔记本键盘win键被锁怎么解锁
- 微信云控的大触来一下
- 图片合成视频python
- 外部排序(多路归并排序)
- 数据仓库、数据集市、数据湖,你的企业更适合哪种数据管理架构?
- Android图片加载框架最全解析(五)
- 千锋2018年最新php基础进阶加高级实战全套视频教程
- ireport4.5在JVM中添加新字体解决方案(Font ‘標楷體‘ is not available to the JVM. See the Javadoc for more details.)
- Elixir - Map
热门文章
- 笔记本通过网线连接台式机共享网络
- 【AAE】【Keras】实现merge出错:TypeError: ‘module‘ object is not callable
- C盘里的HTML是什么文件,C盘Windows下的winsxs是什么文件可以删除吗
- Kafka代码连不上:Recovery is suppressed by NoRestartBackoffTimeStrategy
- Linux基础8-TCP的面向链接(三次四次)
- palantir_Palantir Technologies有望成为今年最大的IPO
- 论文写作笔记1:医学跨计算机期刊介绍
- 根据银行卡号查询银行卡名称
- vue html parser,vue-eslint-parser
- FFmpeg转换ts为mp4