---
title: 什么文本编辑器比较好用？
slug: Learn/Common_questions/Available_text_editors
translation_of: Learn/Common_questions/Available_text_editors
original_slug: Learn/Common_questions/实用文本编辑器
---
<div>{{IncludeSubnav("/en-US/Learn")}}</div>

<div class="summary">
<p>在这篇文章中我们强调了关于web开发者安装文本编辑器的一些考虑事项。</p>
</div>

<table class="learn-box nostripe standard-table">
 <tbody>
  <tr>
   <th scope="row">前提条件:</th>
   <td>你应该已经知晓了<a href="/en-US/Learn/What_software_do_I_need">  为了建立一个网站所需的各种软件</a>。</td>
  </tr>
  <tr>
   <th scope="row">目标:</th>
   <td>学习作为一个web开发者如何选择一个最适合自己需求的文本编辑器。</td>
  </tr>
 </tbody>
</table>

<h2 id="概要">概要</h2>

<p>一个网站包括很多文本文件， 所以为了拥有一个有趣的，令人愉快的开发经历你应该明智地选择你的文本编辑器。 </p>

<p>可做选择的文本编辑器数量实在是太多了，因为文本编辑器对于计算机科学来说是如此基础（是的，web开发是计算机科学）。按理想来说，你应该尽你可能的尝试足够多的编辑器然后感受出来哪一款适合你的工作流程。但是我们将会给予你一些初学者的建议。</p>

<p>以下是一些你应该考虑的基本问题：</p>

<ul>
 <li>我想在哪一个操作系统上工作?</li>
 <li>我想使用什么样的技术?</li>
 <li>我希望我的文本编辑器具备哪些基本功能?</li>
 <li>我想为我的文本编辑器添加额外功能吗?</li>
 <li>当使用文本编辑器时我需要支持或者帮助吗?</li>
 <li>对我来说文本编辑器的外观和感觉重要吗?</li>
</ul>

<p>注意我们没有提及价格。显然，这也是要注意的，但一件产品的成本和它的质量或性能几乎没有关系。很大概率下，你能找到一个合适的免费文本编辑器。</p>

<p>以下是一些流行的编辑器：</p>

<table class="standard-table" style="height: 522px; width: 917px;">
 <thead>
  <tr>
   <th scope="col">编辑器</th>
   <th scope="col">授权条款</th>
   <th scope="col">价格</th>
   <th scope="col">操作系统</th>
   <th scope="col">支持</th>
   <th scope="col">文档</th>
   <th scope="col">可延展性</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><a href="https://atom.io/">Atom</a></td>
   <td>MIT/BSD</td>
   <td style="text-align: center;">免费</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="https://discuss.atom.io/categories" rel="external">论坛</a></td>
   <td><a href="https://atom.io/docs/latest/">在线指南</a></td>
   <td style="text-align: center;"><a href="https://atom.io/packages">是</a></td>
  </tr>
  <tr>
   <td><a href="http://brackets.io/" rel="external">Brackets</a></td>
   <td>MIT/BSD</td>
   <td style="text-align: center;">免费</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="https://groups.google.com/forum/#!forum/brackets-dev" rel="external">论坛</a>， <a href="http://webchat.freenode.net/?channels=brackets" rel="external">IRC</a></td>
   <td><a href="https://github.com/adobe/brackets/wiki" rel="external">GitHub Wiki</a></td>
   <td style="text-align: center;"><a href="https://ingorichter.github.io/BracketsExtensionTweetBot/" rel="external">是</a></td>
  </tr>
  <tr>
   <td><a href="https://panic.com/coda/" rel="external">Coda</a></td>
   <td>闭源</td>
   <td style="text-align: center;">$99</td>
   <td>Mac</td>
   <td><a href="https://twitter.com/panic">推特</a>, <a href="https://panic.com/qa" rel="external">论坛</a>, <a href="mailto:coda@panic.com">电子邮件</a></td>
   <td><a href="https://panic.com/coda/#book">电子书</a></td>
   <td style="text-align: center;"><a href="https://panic.com/coda/plugins.php">是</a></td>
  </tr>
  <tr>
   <td><a href="http://www.gnu.org/software/emacs/" rel="external">Emacs</a></td>
   <td>GPL 3</td>
   <td style="text-align: center;">免费</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="http://www.gnu.org/software/emacs/manual/efaq.html" rel="external">常见问题</a>, <a href="http://mail.gnu.org/mailman/listinfo/help-gnu-emacs" rel="external">邮件清单</a>, <a href="news://gnu.emacs.help" rel="external">新闻组</a></td>
   <td><a href="http://www.gnu.org/software/emacs/manual/html_node/emacs/index.html">在线指南</a></td>
   <td style="text-align: center;">是</td>
  </tr>
  <tr>
   <td><a href="http://www.macrabbit.com/espresso/">Espresso</a></td>
   <td>闭源</td>
   <td style="text-align: center;">$75</td>
   <td>Mac</td>
   <td><a href="http://www.macrabbit.com/support/" rel="external">常见问题</a>, <a href="mailto:support@macrabbit.com">电子邮件</a></td>
   <td>没有终端用户文档，但有<a href="http://wiki.macrabbit.com/">插件文档</a></td>
   <td style="text-align: center;">是</td>
  </tr>
  <tr>
   <td><a href="https://wiki.gnome.org/Apps/Gedit">Gedit</a></td>
   <td>GPL</td>
   <td style="text-align: center;">免费</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="http://mail.gnome.org/mailman/listinfo/gedit-list" rel="external">邮件清单</a>, <a href="irc://irc.gnome.org/%23gedit">IRC</a></td>
   <td><a href="https://help.gnome.org/users/gedit/stable/">在线指南</a></td>
   <td style="text-align: center;"><a href="https://wiki.gnome.org/Apps/Gedit/PluginsLists">是</a></td>
  </tr>
  <tr>
   <td><a href="http://komodoide.com/komodo-edit/" rel="external">Komodo Edit</a></td>
   <td>MPL</td>
   <td style="text-align: center;">免费</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="http://forum.komodoide.com/" rel="external">论坛</a></td>
   <td><a href="http://docs.activestate.com/komodo/8.5/" rel="external">在线指南</a></td>
   <td style="text-align: center;"><a href="http://komodoide.com/resources/addons/">是</a></td>
  </tr>
  <tr>
   <td><a href="http://www.notepad-plus-plus.org/" rel="external">Notepad++</a></td>
   <td>GPL</td>
   <td style="text-align: center;">免费</td>
   <td>Windows</td>
   <td><a href="http://sourceforge.net/p/notepad-plus/discussion/">论坛</a></td>
   <td><a href="http://npp-wiki.tuxfamily.org/index.php?title=Main_Page" rel="external">Wiki</a></td>
   <td style="text-align: center;"><a href="http://npp-wiki.tuxfamily.org/index.php?title=Plugin_Central" rel="external">是</a></td>
  </tr>
  <tr>
   <td><a href="http://www.pspad.com/">PSPad</a></td>
   <td>闭源</td>
   <td style="text-align: center;">免费</td>
   <td>Windows</td>
   <td><a href="http://gogogadgetscott.info/pspad/dotazy.htm">常见问题</a>, <a href="http://forum.pspad.com/" rel="external">论坛</a></td>
   <td><a href="http://gogogadgetscott.info/pspad/">在线帮助</a></td>
   <td style="text-align: center;"><a href="http://www.pspad.com/en/pspad-extensions.php">是</a></td>
  </tr>
  <tr>
   <td><a href="http://www.sublimetext.com/" rel="external">Sublime Text</a></td>
   <td>闭源</td>
   <td style="text-align: center;">$70</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="http://www.sublimetext.com/forum/viewforum.php?f=3" rel="external">论坛</a></td>
   <td><a href="http://www.sublimetext.com/docs/3/">官方文档</a>，<a href="http://docs.sublimetext.info/en/latest/index.html"> 非官方文档</a></td>
   <td style="text-align: center;"><a href="https://sublime.wbond.net/">是</a></td>
  </tr>
  <tr>
   <td><a href="http://macromates.com/" rel="external">TextMate</a></td>
   <td>闭源</td>
   <td style="text-align: center;">$50</td>
   <td>Mac</td>
   <td><a href="https://twitter.com/macromates">推特</a>, <a href="http://webchat.freenode.net/?channels=textmate">IRC</a>, <a href="http://lists.macromates.com/listinfo/textmate" rel="external">邮件清单</a>, <a href="mailto:tm-support@macromates.com">电子邮件</a></td>
   <td><a href="http://manual.macromates.com/en/">在线指南</a>， <a href="http://wiki.macromates.com/Main/HomePage" rel="external">Wiki</a></td>
   <td style="text-align: center;"><a href="http://wiki.macromates.com/Main/Plugins" rel="external">是</a></td>
  </tr>
  <tr>
   <td><a href="http://www.barebones.com/products/textwrangler/" rel="external">TextWrangler</a></td>
   <td>闭源</td>
   <td style="text-align: center;">免费</td>
   <td>Mac</td>
   <td><a href="http://www.barebones.com/support/textwrangler/faqs.html" rel="external">常见问题</a>, <a href="https://groups.google.com/forum/#!forum/textwrangler">论坛</a></td>
   <td><a href="http://ash.barebones.com/TextWrangler_User_Manual.pdf" rel="external">PDF指南</a></td>
   <td style="text-align: center;">否</td>
  </tr>
  <tr>
   <td><a href="http://www.vim.org/" rel="external">Vim</a></td>
   <td><a href="http://vimdoc.sourceforge.net/htmldoc/uganda.html#license" rel="external">特殊开放式许可证</a></td>
   <td style="text-align: center;">免费</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="http://www.vim.org/maillist.php#vim" rel="external">邮件清单</a></td>
   <td><a href="http://vimdoc.sourceforge.net/">在线指南</a></td>
   <td style="text-align: center;"><a href="http://www.vim.org/scripts/script_search_results.php?order_by=creation_date&amp;direction=descending" rel="external">是</a></td>
  </tr>
  <tr>
   <td><a href="https://code.visualstudio.com/download">Visual Studio Code</a></td>
   <td>MIT许可下的<a href="https://github.com/microsoft/vscode">开放源码</a>/ 产品的具体许可证</td>
   <td style="text-align: center;">免费</td>
   <td>Windows, Mac, Linux</td>
   <td><a href="https://code.visualstudio.com/docs/supporting/faq">常见问题</a>     </td>
   <td><a href="https://code.visualstudio.com/docs">文件</a></td>
   <td style="text-align: center;"><a href="https://marketplace.visualstudio.com/VSCode">是</a></td>
  </tr>
 </tbody>
</table>

<h2 id="主动学习">主动学习</h2>

<p><em>还没有主动学习。 <a href="/en-US/docs/MDN/Getting_started">请考虑投稿贡献。</a></em></p>

<h2 id="深入挖掘">深入挖掘</h2>

<h3 id="选择标准">选择标准</h3>

<p>所以，更详细地说，你在选择文本编辑器时应该怎么考虑？</p>

<h4 id="我想在哪个操作系统上工作？">我想在哪个操作系统上工作？</h4>

<p>当然这是你的选择。然而，一些编辑器只支持特定的操作系统，所以如果你喜欢切换系统，这将会缩小你的选择范围。只要在你的系统上运行了，任何文本编辑器都<em>能 </em>完成工作，但跨平台的编辑器可以轻松的在操作系统间迁移。</p>

<p><font>所以首先找出你使用的操作系统，然后检查指定的编辑器是否支持你的操作系统。</font><font>大多数编辑器在他们的网站上指定了是否支持Windows或Mac，尽管一些编辑器只支持某些版本（比如说只有Windows 7或更高版本而不是Vista）。</font><font>如果正在运行Ubuntu，最好的方法是在Ubuntu软件中心内进行搜索。当然，一般来说，Linux / UNIX系列是一个相当多元化的地方，其中不同的发行版与不同的不兼容的包装系统配合使用。这意味着，如果你强烈地（而不是微弱的）想使用某些未经编译的文本编辑器，则可能需要下载源码自己编译它。</font></p>

<h4 id="我想使用什么样的技术">我想使用什么样的技术?</h4>

<p><font><font>一般来说，任何文本编辑器都可以打开任意文本文件。</font><font>这对于自己写笔记来说是非常有用的，但是当你使用</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML" title="HTML：HTML（超文本标记语言）是指定网页结构的描述性语言。"><font><font>HTML</font></font></a><font><font>，</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS" title="CSS：CSS（Cascading Style Sheets）是一种声明性语言，用于控制浏览器中网页的外观。"><font><font>CSS</font></font></a><font><font>和</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/JavaScript" title="JavaScript：JavaScript（JS）是一种编程语言，主要用于客户端动态脚本的页面，但往往也是服务器端。"><font><font>JavaScript</font></font></a><font><font>进行Web开发和编写时</font><font>，你将生产出很大的复杂文件。</font><font>通过选择一个适用你使用的技术的文本编辑器，可以使你更轻松自如。</font><font>许多文本编辑器可以帮助你实现如下功能</font></font></p>

<ul>
 <li><strong><font><font>代码着色。</font></font></strong><font><font>根据你使用的技术，通过对关键字进行颜色编码，使你的文件更清晰。</font></font></li>
 <li><strong><font><font>代码完成。</font></font></strong><font><font>通过自动完成循环结构（例如，自动关闭HTML标签或为给定的CSS属性建议有效值）为你节省时间。</font></font></li>
 <li><strong><font><font>代码段 。</font></font></strong><font><font>正如你在启动一个新的HTML文档时看到的，许多技术一遍又一遍地使用相同的文档结构。</font><font>通过使用代码段预先填写你的文档，可以节省你重新输入所有这些的麻烦。</font></font></li>
</ul>

<p><font><font>大多数文本编辑器现在都支持代码着色，但不一定是支持其他两个功能。尤其</font><font>确保你的文本编辑器会对</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML" title="HTML：HTML（超文本标记语言）是指定网页结构的描述性语言。"><font><font>HTML</font></font></a><font><font>，</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS" title="CSS：CSS（Cascading Style Sheets）是一种声明性语言，用于控制浏览器中网页的外观。"><font><font>CSS</font></font></a><font><font>和</font></font><font><font><a href="https://developer.mozilla.org/en-US/docs/Glossary/JavaScript" title="JavaScript：JavaScript（JS）是一种编程语言，主要用于客户端动态脚本的页面，但往往也是服务器端。">JavaScript</a>进行</font></font><font><font>颜色编码</font><font>。</font></font></p>

<h4 id="我希望我的文本编辑器具备哪些基本功能">我希望我的文本编辑器具备哪些基本功能?</h4>

<p><font><font>这取决于你的需求和计划。</font><font>以下功能通常是很有帮助的：</font></font></p>

<ul>
 <li><font><font>根据</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/Regular_Expression" title="正则表达式：正则表达式（或正则表达式）是管理搜索中出现哪些字符序列的规则。"><font><font>正则表达式</font></font></a><font><font>或其他模式的需要</font><font>，在一个或多个文档中搜索和替换</font></font></li>
 <li><font><font>快速跳到指定行</font></font></li>
 <li><font><font>分别查看一个大文件的两个部分</font></font></li>
 <li><font><font>预览HTML在浏览器中的显示情况</font></font></li>
 <li><font><font>一次性选择多处文字</font></font></li>
 <li><font><font>查看项目的文件和目录</font></font></li>
 <li><font><font>使用代码美化程序自动格式化代码</font></font></li>
 <li><font><font>检查拼写</font></font></li>
</ul>

<h4 id="我想为我的文本编辑器添加额外功能吗">我想为我的文本编辑器添加额外功能吗?</h4>

<p><font><font>可扩展的编辑器具有较少的内置功能，但可以根据你的需要进行扩展。</font></font></p>

<p><font><font>如果你不确定要使用哪些功能，或者你最喜欢的编辑器缺少这些功能，使用可扩展编辑器吧。</font><font>最好的编辑器将会提供许多插件，理想的方法是自动查找和安装新的插件。</font></font></p>

<p><font><font>如果你喜欢的功能</font></font><em><font><font>很多 </font></font></em><font><font>，并且你的编辑器因为安装的插件而变慢，请尝试使用IDE（集成开发环境）。</font><font>IDE在一个界面中提供了许多工具，对于初学者来说，这是一个令人望而生畏的工作，但是如果你感觉你的文本编辑器功能有限，这是一个不错的选项。</font><font>以下是一些流行的IDE：</font></font></p>

<ul>
 <li><a href="http://www.aptana.com/">Aptana Studio</a></li>
 <li><a href="https://eclipse.org/" rel="external">Eclipse</a></li>
 <li><a href="http://komodoide.com/" rel="external">Komodo IDE</a></li>
 <li><a href="https://netbeans.org/" rel="external">NetBeans IDE</a></li>
 <li><a href="http://www.visualstudio.com/" rel="external">Visual Studio</a></li>
 <li><a href="https://www.jetbrains.com/webstorm/" rel="external">WebStorm</a></li>
</ul>

<h4 id="当使用文本编辑器时我需要支持或者帮助吗">当使用文本编辑器时我需要支持或者帮助吗?</h4>

<p><font><font>如果在使用软件时可以获得帮助总是令人高兴的。</font><font>对于文本编辑器，请检查两种不同类型的支持：</font></font></p>

<ol>
 <li><font><font>面向用户的内容（常见问题，指南，在线帮助）</font></font></li>
 <li><font><font>与开发者和其他用户讨论（论坛，电子邮件，IRC）</font></font></li>
</ol>

<p><font><font>在学习如何使用编辑器时使用书面文档。</font><font>如果在安装或使用编辑器时遇到了疑难问题，请与其他用户联系。</font></font></p>

<h4 id="对我来说文本编辑器的外观和感觉重要吗">对我来说文本编辑器的外观和感觉重要吗?</h4>

<p><font>这个问题在于个人品味，但有些人喜欢自定义UI（用户界面）的每一个细节，从颜色到按钮位置。编辑器的灵活性差异很大，所以选择前先检查一下。找到一个</font><font>可以改变配色方案的文本编辑器并不难，但是如果你想要大量的自定义，你可能最好使用IDE。</font></p>

<h3 id="安装并设置">安装并设置</h3>

<p><font><font>安装文本编辑器通常很简单。</font><font>方法根据您的平台而有所不同，但都不难：</font></font></p>

<ul>
 <li><strong><font><font>Windows </font></font></strong><font><font>开发人员会给你一个</font></font><code>.exe</code><font><font>或</font></font><code>.msi</code><font><font>文件。也</font><font>有时候，软件为自带的压缩归档格式</font></font><code>.zip</code><font><font>，</font></font><code>.7z</code><font><font>或者</font></font><code>.rar</code><font><font>，在这种情况下，你需要安装其他程序来提取压缩文件的内容。</font></font><font><font>Windows支持默认情况下</font></font><code>.zip</code><font><font>。</font></font></li>
 <li><strong><font><font>Mac </font></font></strong><font><font>在编辑器的网站上，您可以下载一个</font></font><code>.dmg</code><font><font>文件。</font><font>您也可以直接在Apple Store找到一些文本编辑器，使安装更简单。</font></font></li>
 <li><strong><font><font>Linux。</font></font></strong><font><font>在最受欢迎的发行版中，您可以从图形包管理器（Ubuntu Software Center，mintInstall，GNOME Software等）开始。你通常可以发现一个预先包装软件的</font></font><code>.deb</code><font><font>或</font></font><code>.rpm</code><font><font>文件，但大多数时候你将使用你的发行版系统的存储库服务器，或者在最坏的情况下，从源代码编译编辑器。花时间仔细检查文本编辑器网站上的安装说明。</font></font></li>
</ul>

<p><font><font>当您安装新的文本编辑器时，您的操作系统可能会继续使用其默认编辑器打开文本文件，直到您更改</font></font><em><font><font>文件关联。</font></font></em><font><font>这些说明将帮助您在指定操作系统中双击打开文件时选定首选编辑器：</font></font></p>

<ul>
 <li>Windows
  <ul>
   <li><a href="http://windows.microsoft.com/en-us/windows-8/choose-programs-windows-uses-default" rel="external">Windows 8</a></li>
   <li><a href="http://windows.microsoft.com/en-us/windows/change-default-programs#1TC=windows-7" rel="external">Windows 7</a></li>
   <li><a href="http://pcsupport.about.com/od/fixtheproblem/f/chdefprogram.htm">其他系统</a></li>
  </ul>
 </li>
 <li><a href="http://osxdaily.com/2013/08/08/change-default-application-open-files-mac-os-x/" rel="external">Mac OS X</a></li>
 <li>Linux
  <ul>
   <li><a href="http://askubuntu.com/questions/289337/how-can-i-change-file-association-globally" rel="external">Ubuntu Unity</a></li>
   <li><a href="https://help.gnome.org/users/gnome-help/stable/files-open.html.en" rel="external">GNOME</a></li>
   <li><a href="http://doc.opensuse.org/documentation/html/openSUSE_113/opensuse-kdeuser/cha.kde.cust.html#pro.kde.cust.system.fileass">KDE</a></li>
  </ul>
 </li>
</ul>

<h2 id="下一步">下一步</h2>

<p><font><font>现在你已经选择了一个合适的文本编辑器，现在你可以花一些时间来搭建</font></font><a href="https://developer.mozilla.org/en-US/Learn/Set_up_a_basic_working_environment"><font><font>你的基本工作环境</font></font></a><font><font>，或者你想立即使用它，你可以写下</font></font><a href="https://developer.mozilla.org/en-US/Learn/HTML/Write_a_simple_page_in_HTML"><font><font>你的第一个网页</font></font></a><font><font>。</font></font></p>