在 10 佳 JavaScript 编辑器中,您更喜欢哪一个?

 2024-02-05 02:02:59  阅读 0

wp代码高亮插件_js轻量代码高亮插件_代码高亮js

如今,程序员可以使用许多很棒的工具。 本文将讨论10款优秀的支持HTML5和CSS开发和文档编写的文本编辑器

编辑器和IDE的本质区别在于IDE不仅可以调试和分析代码,而且IDE还支持应用程序生命周期管理(ALM)系统。 我们在这里讨论的许多编辑器都支持至少一种版本控制系统,通常是 Git,而且如今 IDE 和编辑器之间的区别越来越小。

在这 10 个编辑器中,Text 和 Code 是排名前两位的。 文本以其速度和方便的编辑功能而闻名。 代码的功能和速度与文本几乎相同。 尽管两年前排名第一,但其功能并没有真正跟上,位居第三。

您可能会在 Text、Code 和 中找到您最喜欢的编辑器,但还有其他值得了解的编辑器工具,包括 Atom、Edit、++、Emacs 和 Vim。 您可以根据您当前的项目选择最方便的编辑工具。

我们来看看所有的编辑器,并在文末进行比较。

文本

如果您想要一个灵活、强大且可扩展的文本编辑器,运行速度快如闪电,并支持切换到其他窗口进行代码检查、调试和部署,那么请考虑使用 Text。

除了速度更快之外,Text 还有许多值得注意的优点:它涵盖 70 多种文件类型,包括 HTML 和 CSS; 即时导航和即时项目切换; 多选项(一次进行一系列更改),包括列选择(一次选择文件的矩形区域); 多窗口(使用所有监视器窗口)和分割窗口; 使用简单的 JSON 文件完成自定义; 基于插件API; 统一的、可搜索的命令板。

对于使用其他编辑器的程序员来说,Text 支持包(不包括命令)和 Vi/Vim 模拟。

Text 是一个高度可配置和可扩展的文本编辑器。 它包含 50 多种语法等,并且可以使用包和语法定义进行扩展。 只需按几下按键,您就可以安装 Babel (React) 和 () 的语法和支持。

文本支持多窗口和分割窗口。 每个项目可以有多个工作区、多个视图和多个包含视图的窗格。 当您想要集成、调试和测试空间时,使用所有屏幕空间变得非常简单。 文本还支持自定义所有内容:颜色、文本字体、全局键绑定、制表位、特定于文件的键绑定和片段,甚至语法突出显示规则等等。 Text的编码文件默认为JSON文件,语言定义默认为XML。

Text 有一个活跃的社区,用于创建和维护 Text 包和插件。 Text 缺乏的许多功能,包括界面和 Git 支持,都可以通过社区使用来实现。

官网链接:

下载链接:

Code是一款发布的免费轻量级编辑器和IDE。 它具有可以与开源 Atom shell 混合的组件。 它为使用C#进行ASP.Net Core开发提供了极好的支持; 它还通过 and 为 Node.js 开发提供了出色的支持。 与仅在 Mac 上受支持的惯例不同,Code 还可以在 MacOS 和 Linux 上运行。

由于包含编译器和 Salsa 引擎,代码具有非常好的代码完成功能。 Code会将代码发送到后台编译器来推断类型并构建符号表。 您可以在屏幕图像底部的框中​​看到该方法的信息。

相同的符号表在整个表达式输入过程中为您提供了出色的弹出选项列表。 您将获得以下功能:填充后自动关闭、自动填充完成选项、键入后自动方法列表以及方法中的自动参数列表。 您可以通过添加对 d.ts 文件的引用来增强此功能。 当您发现常见问题时,代码将为您提供这些功能,例如使用 Node.js 内置变量。

Code 是一个免费的轻量级编辑器和 IDE,用于 Node.js 和 ASP.Net 开发。 它结合了编译器、.Net 编译器和 Atom 使用的 shell 等技术。 代码可在 MacOS 和 Linux 平台上使用。

Code的Git支持非常好并且易​​于使用。 代码调试器为 Node.js 和 ASP.Net 开发提供了出色的调试体验。 Code有非常好的HTML、CSS、Less、Sass和JSON工具,这个工具基于与F12开发者工具相同的技术。 此外,Code 还提供与外部任务运行程序(例如 gulp 和 jake)的可定制集成。

Code 拥有强大的插件生态系统,例如 和 React。 使用框架和库构建应用程序时建议使用代码。

官网链接:

下载链接:

它是一款最初来自 Adob​​e 的免费开源编辑器,旨在为 HTML 和 CSS 以及相关的开放 Web 技术提供更好的工具。 它是用 HTML 和 CSS 编写的。 除了内置功能之外,还有一个扩展管理器,用于扩展前端开发人员使用的多种语言和工具。 它的速度不如 Text 和 ,但除了从网络加载或更新程序内容时出现暂停外,它的运行速度仍然很快。

它不仅对 CSS、HTML 和 Node.js 有很好的支持,还具有其他一些很棒的功能,例如与 HTML ID 相关的在线 CSS 编辑。 此外,它还具有简洁的UI界面以及编辑过程中网页的实时预览。 免费代码编辑器的绝佳选择。

扩展也是用 Node.js 编写的,也可以调用 Node.js 模块。 与大多数在选项卡中显示打开文件的编辑器不同,文件树上方显示工作文件列表。

自动补全功能很好,自动补全各种括号的右括号,以及在方法中输入$后自动下拉关键字、变量和方法。 可以从菜单项控制 Node.js 的调试器并重新启动 Node。 可以轻松添加具有附加功能的扩展(例如 JSX 支持、Bower 集成和 Git 集成)。

快速编辑、快速文档保存、快速文件打开和实时预览都有助于简化 Web 应用程序编辑,让您专注于编码或设计。 也有一些缺点,比如一些扩展很难配置,不像 Emacs 包或 Vim 插件那么容易。

官网链接:

下载链接:

原子

Atom 1.15.0 是一款适用于 MacOS 和 Linux 平台的免费开源可编程编辑器。 它与应用程序集成,并具有许多可用的软件包和主题。

Atom 源代码位于 ,它是用 Node.js 编写并与 Node.js 集成的。 Atom 是一种特殊的浏览器,它被设计为文本编辑器而不是网络浏览器; 每个 Atom 窗口本质上都是一个本地渲染的网页。

当Atom不自动更新时,性能非常好。 它具有一些很棒的功能,例如模糊搜索、快速项目搜索和替换、多个光标和选择、多个窗格、代码片段、代码折叠以及导入语法和主题的能力。 Atom 可以安装两个命令行实用程序: Atom,用于从 shell 启动编辑器; 和APM,用于管理Atom的包。

官网链接:

下载链接:

编辑

js轻量代码高亮插件_wp代码高亮插件_代码高亮js

Edit 是一个免费的、精简版的 IDE,它是一个很酷的多语言编辑器。

如果您喜欢 IDE 但买不起,Edit 将是您不错的选择。 Edit不是IDE,所以需要在编辑器之外完成代码控制。

它不提供实时代码收集功能。 如果你独立开发,不与他人共享代码,就不会有问题。 它也不提供 HTTP 检查器。 Edit 具有与 IDE 相同的编辑功能,但缺乏代码重构、调试、单元测试、源代码控制集成以及其他适合 IDE 的功能。

无论如何,Edit都可以免费满足您的编辑需求,并提供用于编辑HTML、CSS、Perl、Ruby、Tcl等编程的标记语言。

官网链接:

下载链接:

++

js轻量代码高亮插件_wp代码高亮插件_代码高亮js

++是一个免费的开源代码编辑器和记事本,非常适合编辑。 它支持大约 50 种编程和标记语言。 除了多个文档编辑窗口之外,它还具有工作区树视图、功能列表选项卡和文档映射选项卡。 它的加载时间足够快,性能足够强大,您不会感到速度变慢。

凭借语法着色和折叠功能、可编辑功能(包括列模式编辑和正则表达式)、对搜索和替换的支持,以及相当多的函数完成和参数提示,++ 可以轻松成为首选的代码编辑器。 然而,它还不是一个全面的编辑器; 它无法生成代码、执行重构等操作以及快速浏览大型项目。

官网链接:

下载链接:

js轻量代码高亮插件_代码高亮js_wp代码高亮插件

11.0.3 是一款文本编辑器,仅适用于 Mac,支持大约 35 种编程和标记语言,社区版还通过网站提供了对许多其他语言的支持。 授权版和社区版都有语法高亮; 授权版本还具有一定的自动完成功能,主要针对函数名、变量名以及少量关键字和标签。 许可版本还可以与Git和版本控制系统集成。

11 是产品的重大重写。 这个版本比以前更快,并且可以很好地处理文件。 它具有提取功能,可将选择或搜索结果复制到新缓冲区中,以及剪切功能。 可以编辑和运行Perl、Ruby和Shell脚本,以及检查Perl和脚本的语法。

对 HTML 的支持实际上比对 . 您可以安装三种命令行工具:一种用于编辑器,一种用于差异引擎,最后一种用于多媒体搜索。

官网链接:

下载链接:

它曾经主要用于编写 Ruby on Rails,但现在已经不那么突出了,同时 Text 也逐渐流行起来。

它不是 IDE,但它提供了特定语言 IDE 所缺乏的功能,例如包、代码片段、宏和作用域系统。 和 的捆绑包现已推出,它们提供了一套很好的工具来快速构建和编码。 对于类似 IDE 的功能,您可以使用 shell 集成版本,但不要指望代码重构、自动化单元或回归测试。 如果 Grunt 设置正确,测试可以自动化。

有一个“捆绑包”首选项选项卡,可以从中下载和安装其他捆绑包。 捆绑源实际上是存储库中的产品源代码。

官网链接:

下载链接:

Emacs

代码高亮js_js轻量代码高亮插件_wp代码高亮插件

自 20 世纪 70 年代初以来,Emacs 及其衍生产品就来自 MIT AI 实验室。 Emacs 最初是 TECO 文本编辑器中的一个宏,并逐渐发展成为一种独立的语言。 MacOS 上默认安装的 Emacs 版本为 22.1.1,不支持 GUI。 您可以轻松安装(MacOS GUI)和更新的 GNU Emacs 版本。 Emacs 是一个编辑器。 默认的编辑方式是在js包中。 使用Emacs可以获得更好的语法高亮和语法高亮。

Emacs使用js2模式包,并使用ac-js2自动完成。 在 Emacs 中,您可以使用串行模式来获得实时浏览器、HTML 和 CSS 交互。

官网链接:

下载链接:

10

Vim(和)

wp代码高亮插件_js轻量代码高亮插件_代码高亮js

Vi ( ) 最初是由 Bill Joy 为 Unix 编写的。 从1976年开始,逐渐从Ed演变为Ex。 Vim 是 Vi 的免费、开源、改进版本; Mac OS X 上默认安装版本 7.3。

您可以轻松安装更新版本的 Vim(MacOS GUI)或适用于您的平台的任何功能。 Vim 是一个编辑器,其 vim-plug 文件中的建议非常好。

官网链接:

下载链接:

使用哪个编辑器由您决定

无论您专注于客户端还是 Node.js,都有不同的选择。

如果您正在寻找功能强大、快速且支持许多其他语言的编程文本编辑器,请选择文本。

如果您想要一个免费、快速、与 IDE 兼容并且对 ASP.Net 和 C# 有良好支持的编辑器,Code 是一个不错的选择。

和 Atom 是两个新的免费文本编辑器。 Atom 是一个非常接近 Node.js 开发 IDE 的编辑器,可以与桌面客户端高度集成。

在 上,++ 快速、有效且免费。 MacOS 上是一个快速、炫酷、免费的限量版 HTML 工具集成版本控制。 它仍然是一个出色的编辑器,速度快、功能齐全且可扩展,但开发进展缓慢。

如果您更喜欢使用开源脚本语言,Edit 是一个不错的选择。 如果您喜欢自定义编辑器,Emacs 或 Vim 可以满足您的要求。

中文: 翻译: 葡萄城控制

关联

*声明:本文整理自网络,版权归原作者所有。 若来源信息不正确或侵权,请联系我们删除或授权。

公众号ID:

有趣的灵魂在等你

标签: atom 编辑器 ide

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码