使用iCecoder在浏览器中编辑代码

ICEcoder：一款功能强大的浏览器端代码编辑器

本文由ICEcoder赞助。感谢您对SitePoint合作伙伴的支持。

传统上，网站开发依赖于本地代码编辑器或IDE。无论是在本地机器上开发还是在实时开发站点上工作，您很可能都使用过Sublime Text、Notepad 、Aptana Studio、Brackets等传统程序。直到最近，这还是唯一的选择。即使在短短五六年之前，网络也不像现在这样强大，浏览器使用更加分散，所有这些浏览器运行方式也更加不一致。以前，不可能将基于Web的编辑器用于工作，但现在它正成为一个更可行的解决方案。

关键要点

• 浏览器端的便捷性：ICEcoder是一款强大的基于Web的代码编辑器，允许开发者直接在Web浏览器中编写代码，无需使用传统的桌面代码编辑器。
• 轻松安装和使用：ICEcoder易于上手，只需几个步骤即可下载、安装并在服务器上设置，从而可以通过Web浏览器从任何地方访问它。
• 全面的语言支持和工具：ICEcoder支持各种编程语言，并配备了实用的编码工具，例如实时代码检查、代码提示以及各种主题和插件，以提高生产力。
• 多设备兼容性：该平台的设计确保开发者可以在任何设备（无论是台式机、笔记本电脑还是平板电脑）上高效工作，并在所有设备上提供一致的体验。
• 持续改进和社区支持：ICEcoder积极维护，定期更新和改进，并通过其GitHub存储库提供社区驱动的支持系统，用于解决问题和讨论改进。

开发者对编辑器的需求

开发者需要能够帮助我们构建优秀系统的工具，无论是网站、应用程序还是其他任何东西。使用Notepad等基本编辑器进行开发的日子已经过去了。为了使代码编辑器有用，它需要大量提供以下几点：

• 易于使用，最大限度地减少混淆
• 功能丰富，包含所有您习以为常的元素
• 响应迅速
• 可靠稳定
• 改善工作流程并提供帮助的功能
• 可扩展性和自定义性

您选择的编辑器将直接影响您工作的几乎所有方面，因此选择一个能够让您生活更轻松的编辑器非常重要。当开发者谈论他们希望编辑器具备的功能时，他们会谈到代码提示、代码检查和多种语言语法高亮显示。您很少听到开发者要求的是一个完全在线的编辑器。这种情况可能会发生变化。

基于浏览器的代码编辑器

过去，我曾尝试过在线完成所有开发工作，但每次尝试都遇到太多问题，以至于无法坚持下去。每隔一两年，我都会再尝试一次，看看情况是否有所改善。为了成为一个现实的选择，编辑器必须看起来和感觉像一个传统的编辑器，具有相同（或更好）的功能。大多数编辑器都没有达到这个标准。现在有很多基于浏览器的编辑器，例如CodeAnywhere和ShiftEdit，它们运行得相对良好。我们已经达到了这些应用程序成为有力竞争者的地步，今天我们将研究一款拥有广泛功能的编辑器。

ICEcoder：一款有效的编辑器

我谨慎地尝试了ICEcoder，并将其与我首选的编辑器（Aptana Studio）进行了比较。我被其易于上手的方式所打动。对于其他工具，我不得不付出巨大的努力才能使其全部运行起来，但对于ICEcoder，只需几个步骤我就可以开始编码了。

ICEcoder的安装和运行

了解ICEcoder的最佳方法是使其运行起来，并尝试其所有功能。您可以通过localhost在您的机器上运行它，也可以将其安装在面向公众的域上。由于ICEcoder的主要优势之一是您可以从任何地方进行开发，因此我们将将其设置在实时站点上。

下载ICEcoder

您可以通过下载按钮从网站获取ICEcoder（您需要提供电子邮件地址），或者您可以导航到顶级目录并从命令行克隆文件：

<code>$ git clone git@github.com:mattpass/ICEcoder</code>

将文件复制到您的服务器

您需要导航到根目录（根据您的系统，可能是public_html或httpdocs），然后创建一个新子目录来放置ICEcoder。我在我的测试服务器上创建了一个icecoder目录，但您可以将其命名为任何名称。

请务必将文件夹权限设置为755，将文件权限设置为644，以确保一切正常工作。

登录并试用

现在您已经准备好所有组件，需要打开浏览器并导航到您的站点，附加您选择的子目录的名称。当我访问我的域名时，它最初是这样的：

第一次启动时，您将看到配置屏幕。这允许您设置密码并设置一些基本选项。这些选项以后可以更改，但现在最好设置一个密码。您可能想要设置的一个非常酷的功能是多用户系统，它允许多人登录到编辑器。我们稍后将更详细地讨论这一点，但现在知道它的存在就足够了。登录后，您应该在左侧看到文件目录，在右侧看到仪表板。这是我的设置——除了WordPress安装之外，它几乎是空的。

(以下内容对原文进行了精简和改写，保留了关键信息和图片，并调整了语言风格)

ICEcoder的功能探索：文章接下来详细介绍了ICEcoder的诸多功能，包括：随时随地编码、多语言支持和代码辅助、代码提示、主题和自定义样式、插件和可扩展性、小地图滚动/函数和类列表导航、终端/命令支持、动态搜索/查找和替换功能、稳定性、多用户帐户/安全性以及其他一些值得注意的方面。每个功能点都配有相应的图片说明，并对功能进行了简要的总结。

(文章结尾的FAQ部分也进行了精简和改写，保留了核心问题和答案)

常见问题解答 (FAQs)

• 什么是ICEcoder，它是如何工作的？ ICEcoder是一个基于浏览器的代码编辑器，它提供了一种现代化的网站构建方法。它允许您直接在Web浏览器中编写代码，从而无需其他软件并提高编码效率。它支持HTML、CSS、JavaScript、PHP等多种语言。您可以通过创建新文件、编写代码并将其直接保存到Web服务器来开始使用。它还提供实时代码检查，帮助您在键入时发现错误。

• 如何在服务器上安装ICEcoder？ 在服务器上安装ICEcoder非常简单。首先，从官方网站或GitHub存储库下载ICEcoder zip文件。解压缩zip文件并将ICEcoder文件夹上传到您的Web根目录。然后，打开您的Web浏览器并导航到ICEcoder目录。系统将提示您设置密码以确保安全。完成后，您就可以开始编码了。

• ICEcoder适合初学者吗？ 是的，ICEcoder适合初学者和经验丰富的开发者。其直观的界面和实时错误检查使初学者易于学习编码。对于经验丰富的开发者，它提供了代码压缩和自动标签关闭等高级功能。

• ICEcoder可以离线使用吗？ 是的，ICEcoder可以离线使用。安装到服务器后，您可以通过Web浏览器在没有互联网连接的情况下访问它。但是，初始安装过程需要连接互联网。

(其余FAQ问题答案也进行了类似的精简和改写，并保持了原意)

总结： ICEcoder 是一款功能强大且易于使用的浏览器端代码编辑器，其强大的功能和便捷性使其成为一个值得尝试的开发工具。

请注意，由于篇幅限制，对原文中部分内容进行了精简，但保留了所有图片并保证了文章的核心信息和逻辑完整性。

以上是使用iCecoder在浏览器中编辑代码的详细内容。更多信息请关注PHP中文网其他相关文章！