Tag Archive: HTML编辑器

3月 7th, 2022

选择HTML编辑器不是一个脑筋急转弯。但它很重要。HTML编辑器基本上是一个以纯文本编辑HTML(和其他网络语言)的程序,以便网络浏览器对其进行解释。基本上,HTML编辑器是为网络创建内容的门票。它也是一个强大的工具。有了编辑器,可以建立能想象的任何类型的网站。而大多数HTML编辑器都是免费的。但是,如果想获得高级功能,并减少花在个人配置上的时间,也有一些有吸引力的选择。hostease香港虚拟主机为您分享优质的HTML编辑器(从入门到高级):

什么是HTML编辑器?

HTML编辑器可以是任何具有特殊功能的纯文本编辑器,用于编辑HTML文件,并且,还可以是用于开发网页的任何语言。这些语言包括CSS、JavaScript和PHP。推荐阅读:《怎样利用源代码更好的搭建网站》

应该从任何HTML编辑器中期待什么?

至少,应该要求任何HTML编辑器提供一些基本功能。好消息是大多数HTML编辑器都提供这些功能:

实际的纯文本

这似乎不太可能,但有一些编辑器可以不接触代码本身,而是使用一个界面来编辑代码。使用纯文本。

语法高亮

为了使代码对人类(包括自己)来说更容易阅读。

代码完成

编码HTML需要大量乏味地重复各种标签和语法结构,因此(尤其是对于初学者)一点点自动完成功能会有很大的帮助,并帮助避免额外的输入和用户错误。

Best Free HTML Editors

最佳免费HTML编辑器

这里的免费HTML编辑器不是按质量,而是按长期的可行性进行排列的。尝试不同的编辑器时,会注意到有些编辑器具有喜欢的功能,而这些功能其他编辑器没有。例如,在Sublime中可能有一个喜欢的功能,但在Atom中却没有。反过来说,Atom可能具有一些Sublime没有的东西。尝试使用多个编辑器是不可持续的。

因此,当浏览这个列表的时候,要知道继续往下看时,在Sublime、Atom和Microsoft Visual Studio Code中所喜欢的功能,都可以在底部更高级的编辑器——Vim和Emacs中实现或者至少是模仿。

Sublime

Sublime为所有主要的网络语言提供出色的内置支持:HTML、CSS、PHP和JavaScript。而且不需要额外的配置就可以获得支持并运行。所需要做的就是安装Sublime,打开任何HTML文件,然后开始编辑。Sublime提供了所需要的所有最基本的文本功能,另外它还拥有可以整合其他功能的健康插件。

Atom

Atom,与Sublime类似,提供基本的代码便利,包括语法高亮和代码完成。同样,Atom的插件也可以从主界面中安装——如果只是想快速尝试额外的功能,这是一个不错的选择。

Microsoft Visual Studio Code

微软Visual Studio Code不仅仅是一个文本编辑器,它是一个完全的”集成开发环境”。这意味着什么?集成开发环境(IDE)试图将一整套软件工具集中在一个主应用程序中。因此,拥有所有标准的编码功能,如语法高亮、代码补全,并且得到了对调试、版本控制、部署、shell等的支持。微软VSC和其他IDE的主要区别在于价格。VSC是免费的。

Vim

电脑里可能已经安装了Vim。与到目前为止读到的所有其他应用不同,Vim是基于终端的编辑器。有一些类似于GUI的Vim版本,可以尝试一下,但了解Vim的首选方法是打开终端模拟器,运行Vim教程。在命令行中输入”vimtutor”,然后当Vim占据屏幕时,可以输入”:help “并点击Enter。

Vim是高度可定制的,这就是为什么许多忠实用户推荐它。几乎所有能想象到的文本操作都可以用Vim来完成。

Emacs

和Vim一样,Emacs也是高度可扩展的。Emacs对不同类型的文本有不同的 “模式”。像上面提到的其他编辑器一样,Emacs可以检测到是否在编辑HTML文件,它将跳到专门为编辑HTML文件设计的特殊编辑模式。对于最完整的网络编辑包,包括对上述所有语言的支持,应该去看看webmode.el包。

最佳高级HTML编辑器

从免费编辑器的世界出发,有高级选项可供选择。高级编辑器的主要好处是寿命长。为软件项目付费是最好的方法之一——尽管肯定不能保证该软件将在未来很长一段时间内继续开发和更新。本文中的所有其他文本编辑器都由志愿者维护。

PhpStorm

来自JetBrains的PhpStorm是一个集成开发环境,它几乎支持在使用最流行的网站脚本语言建立网站时所需要做的一切:PHP。但是,即使不使用PHP,PhpStorm也为HTML、CSS和JavaScript提供了强大的功能。如果想了解更多关于JavaScript的信息,还有WebStorm。PhpStorm提供了对数据库、单元测试和其他PHP特有功能的额外支持。如果不需要这些,也许WebStorm是理想选择,而且它更实惠。但是,如果对做一般的网页编码感兴趣,并且不确定是否会需要PHP支持(很有可能会),那么应该考虑支付PhpStorm的费用。这两个产品在第三年后都是免费的。

Adobe Dreamweaver

Adobe Dreamweaver年复一年地流行,并保持着忠实的追随者。以每月20美元的价格,Dreamweaver提供了与上面提到的所有其他编辑器不同的体验。Dreamweaver不是直接编辑代码,而是提供一个拖放图形用户界面(GUI)。如果这是喜欢的工作方式,那么Dreamweaver可能是最佳选择。如果对使用像Photoshop这样的工具感到满意,Dreamweaver也能提供类似的用户体验。推荐相关阅读:《 物联网推动下的网页设计 》