CodePen或Sublime Text？ 如果我们谈论Web编程，那么HTML，CSS和JavaScript的名称马上就会出现。 有几种方法可以到达那里。 甚至， 如果打开记事本，我们可以开始编写“ html”。 的确，要从键盘上查看正在编写的内容的结果，您将需要费力的过程来注意进度。
这些网站是当今用户为应用程序开发人员的主要场所。 要了解有关这些程序的优缺点的更多信息，我们将在本文中深入分析它们（至少，我们所知道的一切）。 就像我经常说的，在座的各位肯定知道的更多。 如果是这样，请在这里评论所有使我们逃避的事情。 我们很乐意讨论！
今天我们将分析CodePen，JSBin，Plunkr，sublime，CSSDeck，Dabblet和LiveWeave。 在此环境中，最著名的和最常用的工具。 当然还有更多。
但是对于所有不知道FrontEnd或BackEnd是什么的人，让我们来解释一下。 前端或界面是导航用户可以在网络上看到的可视部分。 后端将是站点管理员控制的部分。 在编程中，如果您通过同时显示结果的工具输入代码，则称为前端.
CodePen
对于许多最完整的工具 我们所说的一切。 用作最接近社区来展示您的作品的网络工具。 一种 Youtube 来自程序员。 在这里，您可以查看与网络相关的程序员的工作，并在有兴趣时与他们联系，查看他们的个人资料，在网络上关注他们，甚至订阅他们的频道以查看他们将来的所有项目。
内容，支持和键盘快捷键的表示
CodePen演示是最有趣的因为只需单击几下，您就可以立即完成此过程。 用html，css和javascript分隔的很好的行。 除了视觉部分，您还可以在其中上下穿插以清楚地看到进度。 从而有助于区分每种语言。 对于新手来说，这很方便。
您的网络支持，当您想开始使用我们不太了解的东西时，它可以承受得多。 这并不意味着它对您更好，而是取决于我们的需求。 但是，是的，在致力于在“未知”来源的计算机上安装任何东西之前，要更好地了解环境。
如果您是惯于使用的人之一 CASI 完全键盘工作时，CodePen对您来说将是很棒的。 其他工具需要 插件 以便能够使用键盘快捷键来填充环境。 这会使工作更加不舒服（尽管安装后效果同样好）。 CP。 它集成了一个标准系统，该系统使您可以填写重复的代码行，就像在列表中一样。 您编写希望列表显示的方式，然后单击Tab。
专业版还提供更多选项，基本套餐的价格为9,00欧元，“超级”套餐的价格为29,25欧元。 能够同时在多个设备中更新我们在一个设备中所做的工作。 也是合作模式，“教师模式”等。 如果您想在这里受益。
捷星
JSBin是我们可以认定为直接的工具。 自从您进入网络域后，它便可以立即开始草拟下一个项目。 尽管它的第一个阶段不是很吸引人，但它很舒适.
JSBin很简单，其基本结构是用html创建的，以免浪费时间，您将穿梭在不同的语言之间以完成工作。 首先是HTML，然后是CSS，Javascript，最后是可视化的工作。 而且，尽管看起来更加困难，但是您将具有相同类型的快捷方式，而无需安装任何内容。 直接从浏览器。
但是，一旦由于后续的列而被隐藏，我发现正确查看代码更加不舒服。 由于使用笔记本电脑，您必须放弃或放弃 触控板 而且不是很流畅。
它只有两部分，免费或付费。 这比CodePen贵一点，尽管如果您每年付款，则可以赚钱，如果您可以支付120欧元。
CSSD甲板
的工作环境 CSSD甲板 与上面看到的不同。 CSSDeck仅分为可视代码两列，向下延伸3行，用它来划分不同类型的语言。 以社交网络的形式进行演示，并以浅色显示更干净的工作环境。 它似乎确实是一个简单的工具。 尽管有时候这并不意味着它是负面的。
拥有XNUMX万多个注册用户和XNUMX万多个项目，搜索和查找所需内容并不困难。 语言会一如既往，如果对不懂英语的人造成不便， 社交网络 图像非常重要，因此我认为这不是一个很大的挑战。
普伦克
普伦克 这是迄今为止我遇到的最不有吸引力的工具。 演示文稿中的消息不完整且缺少图像。 内容加载速度很慢，乍一看并不是很有用。 此外，按日期排序使任何计划，无论多么简单，都可以排在第一位。 要查看更有趣的内容，您应该转到以下标签：«最受欢迎产品«。 也就是说，如果您以前没有用Google翻译过。
还要说，根据网络，它们的版本为1.0.0。 因此，这可以解释一些有关设计，演示文稿以及浏览网络时可能发现的错误的信息。
作为优势，如果您用尽了所有想法，您无需离开或打开Plunkr中的其他选项卡，因为直接从右侧工具栏中您可以浏览其他项目并立即查看它们。 这将使您更容易收集快速的想法并将它们同时应用于您的项目。
达伯特
达伯特 这是一个简单的工具，您可以创建。 尽管您可以通过GitHub注册并拥有用户名，但在网络上并没有什么特别突出的地方。 尽管可以在CSS选项卡中进行更改，但Dabblet项目的背景为黄色到红色的渐变，可视部分为白色，代码部分为白色背景（正常情况下）。 对我来说，最好将其留空，因为所产生的梯度很小 生活 a
编辑时，您可以配置看到的选项卡 容易地。 即使您也想切换到列或行以方便查看，这取决于编辑的人。 乍一看，更改字体大小，在不注册或验证HTML代码的情况下另存为匿名字体是Dabblet提供的更多可能性。 尽管这不是我选择的第一个选项，但是如果更新了以后的版本，可能会考虑到它们。
我最不喜欢但伟大的程序员可能喜欢的一件事是 您无法选择将标签制成表格并自行书写。 也就是说，放入HTML并单击选项卡，然后自动编写“ html”和“ / html”。 如果可以的话，可以在其他应用程序中完成。
活织
活织 它与其他人非常相似，没有其他人无法提供的有用性。 我们对该项目的重点是其设计，类似于CodePen的深色，但呈正方形分布。 能够改变大小 品尝. 还有清除模式和«脱节« 在您激活代码之前，您所编辑的代码不会在视觉上反映出来。 作为设计师，这并不是一个很有用的功能，重要的是始终始终实时查看所做的编辑，但是肯定有人会发现您的用处。 尽管您可以像往常一样注册，但是用户没有领导作用。 因为，即使您没有注册，也可以保存您的项目.
崇高的文字
这个工具 它与您到目前为止在分析中看到的完全不同。 Sublime Text不是作为Web资源，而是作为应用程序。 一方面，将其放在桌面上肯定更有用。 尤其是由于过度和可能的工作损失而可能导致Internet崩溃或死机。 另一方面，它不像以前的工具那样直观。 除了没有社区共享项目的可能性外。
这里一切都是从头开始。 您必须创建选项卡来放置代码行，并将其重命名才能知道哪一行。 如果第一个是HTML，则第二个CSS ...，反之亦然。 它也没有捷径 完全手册，引号除外.
结论
所有程序都是相似的，各家公司都有自己的个性，因此各有利弊。 每个人都会选择最适合自己的一个， 我的建议是针对环境及其处理的社交网络使用CodePen或CSSDeck。 但是，如果您再喜欢另一个，请发表评论并解释您的原因，它们肯定会很有用。