首页 web前端 前端问答 javascript用的哪个编辑器

javascript用的哪个编辑器

Sep 20, 2022 pm 02:51 PM
javascript

可用的编辑器有:1、Sublime Text,是一个高度可配置和可扩展的文本编辑器;2、vscode,是一个的免费的轻量级编辑器和IDE;3、Brackets,是一个免费的开源编辑器;4、Atom,是一个开源、可编程的编辑器;5、WebStorm,是一种轻量级的IDE;6、Komodo Edit,是一个多语言编辑器;7、Notepad++,是一个开源的编辑器和记事本。

javascript用的哪个编辑器

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript编辑器

Sublime Text

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

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

对于使用其它编辑器的程序员来说,Sublime Text支持TextMate包(不包括命令)和Vi / Vim仿真。

Sublime Text是一个高度可配置和可扩展的文本编辑器。它包含超过50种语法,其中包括JavaScript,它可以使用Sublime软件包和TextMate语法定义进行扩展。可以能够通过少量按键来安装Babel(React)和TypeScript(Angular)的语法和支持。

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

Sublime Text有一个活跃的用于创建和维护Sublime Text包和插件的社区。Sublime Text缺少的许多功能,包括JSLint和JSHint接口,JsFormat,JsMinify,PrettyJSON和Git支持 ,都可以通过社区使用Package Installer来实现。

官网链接:http://www.sublimetext.com/

下载地址:http://www.sublimetext.com/3

Visual Studio Code(vscode)

Visual Studio Code是一个的免费的轻量级编辑器和IDE,它是Microsoft发布的。它具有Visual Studio组件,能与开源的Atom Electron shell混合使用。它对于使用C#进行ASP.Net Core的开发,提供了极好的支持;同时它也通过TypeScript和JavaScript为Node.js的开发,提供了极好的支持。不同于Visual Studio仅在Windows上支持的惯例,Visual Studio Code也能在MacOS和Linux上运行。

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

相同的符号表使得IntelliSense能够在整个表达式的输入过程中,为你提供出色的弹出式选项列表。你可以获得以下功能:填入后自动关闭、自动填写完成选项、键入后的自动方法列表和方法中的自动参数列表。你可以通过从DefinitelyTyped添加对d.ts文件的引用,来增强IntelliSense。当你识别常见问题(例如使用Node.js内置变量中的__dirname)时,Visual Studio Code将为你提供这些功能。

Visual Studio Code是一个免费的轻量级编辑器和IDE,用于Node.js和ASP.Net 开发。它结合了Microsoft技术,例如TypeScript编译器、Roslyn .Net编译器和Atom使用的Electron shell。Visual Studio Code适用于Windows,MacOS和Linux平台。

Visual Studio Code的Git支持非常好,使用起来很简单。Visual Studio Code调试器为Node.js和ASP.Net开发提供了出色的调试体验。Visual Studio Code具有非常好的HTML,CSS,Less,Sass和JSON工具,这个工具是基于与Internet Explorer F12开发人员工具相同的技术。此外,Visual Studio Code可以与外部任务运行程序(如gulp和jake)进行可定制的集成。

Visual Studio Code有着强大的插件生态系统,例如支持Angular和React。推荐可以在使用JavaScript和TypeScript框架和库构建应用程序时使用Visual Studio Code。

官网链接:https://code.visualstudio.com/

下载地址:https://code.visualstudio.com/Download

WebStorm

WebStorm是由JetBrains为JavaScript项目开发和维护的付费集成开发环境。 可用于Node.js应用程序和客户端应用程序的调试器,针对测试运行程序,REST客户端,单元测试以及与VCS(例如GitHub,Mercurial)的集成开发平台。

您可以使用WebStorm在Angular,React,Vue.js,react Native,Electron,Node.js,Meteor,Cordova和Ionic中构建项目。 WebStorm并不是免费使用软件,但可以免费评估使用30天。

1.png

Brackets

Brackets是一个免费的开源编辑器,最初来自于Adobe,旨在为JavaScript,HTML和CSS提供更好的工具以及相关的开放式Web技术。Brackets本身是用JavaScript,HTML和CSS编写的。除了内置功能外,Brackets还有一个扩展管理器,用于扩展前端开发人员使用的许多语言和工具。Brackets不像Sublime Text和TextMate那样运行的很快,但除了从网络加载或更新程序内容的暂停之外,它仍然运行的非常快。

Brackets不仅对JavaScript,CSS,HTML和Node.js有着很好的支持,它还具有一些其它很棒的功能,例如与HTML ID相关的CSS在线编辑。此外,Brackets有着一个简洁的UI界面和编辑时网页的实时预览。对于免费的代码编辑器来说,Brackets是一个很好的选择。

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

Brackets的JavaScript自动完成功能非常好,自动填写各类括号的结束括号,以及jQuery方法中键入$之后的关键字、变量和方法的自动下拉菜单。Brackets可以控制Node.js的调试器,并从菜单项中重新启动Node。Brackets可以很方便的添加附加功能的扩展(例如TypeScript和JSX支持,Bower集成和Git集成)。

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

官网链接:http://brackets.io/

下载地址:https://github.com/adobe/brackets/releases/download/release-1.9/Brackets.Release.1.9.msi

Atom

Atom 1.15.0是一款GitHub上的免费的开放源代码、可编程的编辑器,适用于Windows,MacOS和Linux平台,它与GitHub应用程序集成在一起,拥有很多个可用的软件包和主题。

Atom源代码位于GitHub上,它是用CoffeeScript编写的,与Node.js集成在一起。Atom是Chromium浏览器的一个特殊的存在,它被设计成一个文本编辑器而不是一个Web浏览器; 每个Atom窗口本质上都是一个本地呈现的网页。

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

官网链接:https://atom.io/

下载地址:https://atom.io/download/windows_x64

Komodo Edit

Komodo Edit 是ActiveState的一个免费的,缩小功能版本的Komodo IDE,它是一个很酷的多语言编辑器。

如果你喜欢Komodo IDE但是却支付不起,那么Komodo Edit会是你的一个好选择。Komodo Edit不是一个IDE,所以你需要在编辑器外完成代码控制。

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

在任何情况下,Komodo Edit可以免费满足你的JavaScript编辑需求,并为编辑HTML,CSS,Python,Perl,Ruby,Tcl和其它编程提供标记语言。

官网链接:https://www.activestate.com/komodo-ide/downloads/edit

下载地址:https://www.activestate.com/komodo-ide/downloads/edit

Notepad ++

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

使用语法着色和折叠功能、可编辑功能(包括列模式编辑和正则表达式、支持搜索和替换)以及一定量的功能完成和参数提示功能,Notepad++可以轻松地成为JavaScript的首选代码编辑器。然而,它还不是全面的JavaScript编辑器,它还不能生成代码,执行诸如重构的操作,并在大型项目中快速导航。

官网链接:https://notepad-plus-plus.org/

下载地址:https://notepad-plus-plus.org/download/v7.3.3.html

BBEdit

BBEdit 11.0.3是一个文本编辑器,仅用于Mac的HTML,它支持约35种编程和标记语言,社区版还通过BBEdit网站提供了对许多其它语言的支持。许可版和社区版都有语法高亮;许可版还有一定量的自动完成功能,主要用于功能名称、变量名称、少量的关键字和标签。许可版还能与Git,Perforce和Subversion版本控制系统集成。

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

BBEdit对HTML和Markdown的支持实际上比其对JavaScript支持更好。你可以为BBEdit安装三个命令行工具:一个用于编辑器,一个用于差异引擎,最后一个用于多媒体搜索。

官网链接:http://www.barebones.com/products/bbedit/

下载地址:https://s3.amazonaws.com/BBSW-download/BBEdit_11.6.6.dmg

TextMate

TextMate曾经主要用于在MacBook上编写Ruby on Rails,但是现在TextMate变得不那么突出了,与此同时Sublime Text逐渐收到了欢迎。

TextMate不是一个IDE,但是它却提供了软件包、代码段、宏和范围系统等语言特定的IDE都缺少的功能。TextMate现在提供了简单的JavaScript和jQuery的捆绑包,它们为快速生成JavaScript和jQuery代码提供了一系列不错的工具。要想具有类似于IDE的功能,你可以使用TextMate的shell集成版本,但不要期待TextMate可以进行代码重构、自动单元或回归测试。如果正确设置了Grunt,那么TextMate就可以自动执行JavaScript测试。

TextMate有一个捆绑包首选项标签,从中可以下载并安装其他捆绑包。捆绑源,实际上是产品驻留在GitHub存储库中的源代码。

官网链接:http://macromates.com/

下载地址:http://macromates.com/download

Emacs

Emacs及其衍生来自于自20世纪70年代初以来的MIT AI实验室。Emacs从作为TECO文本编辑器的宏开始,逐步发展独立。默认安装在MacOS上的Emacs是22.1.1版本,没有GUI支持。你可以轻松地安装XEmacs,Aquamacs(MacOS的GUI)和更新的GNU Emacs版本。Emacs作为JavaScript编辑器,编辑JavaScript的默认模式是在js包中,使用Emacs可以获得更好的语法高亮和linting。

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

官网链接:https://emacsformacosx.com/

下载地址:https://emacsformacosx.com/emacs-builds/Emacs-25.2-universal.dmg

Vim(and variants)

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

你可以轻松安装Vim的更新版本,MacVim(MacOS的GUI)或任何适用于你的平台的功能。Vim作为JavaScript编辑器,它的vim-plug readme文件中的建议是相当好的。

官网链接:http://www.vim.org/

下载地址:http://www.vim.org/download.php

Kinetic Wing

KineticWing是一个免费的轻量级IDE,适用于所有主要的操作系统。它不是一个复杂的IDE,更像是一个具有现代特色的智能文本编辑器。这些功能包括:支持Sass或Less(具有内置编译器),支持HTML5及CSS3,支持CoffeeScript。

Code Mirror

CodeMirror 是一款基于Javascript实现的在线代码编辑器,它专门用于编辑代码,并配有大量语言模式,可实现更高级的编辑功能。CodeMirror不是某个富文本编辑器的附属产品,它是许多大名鼎鼎的在线代码编辑器的基础库。

Ace

ACE 是用JavaScript编写的一个可嵌入的代码编辑器。它能与许多本地编辑器匹配,如Sublime,Vim和TextMate等。ACE被作为Cloud9 ID的主编辑器维护,也是Mozilla Skywriter项目的继承。

Net Beans

NetBeans IDE 是一个屡获殊荣的集成开发环境,可以方便的在Windows,Mac,Linux和Solaris中运行。NetBeans包括开源的开发环境和应用平台,NetBeans IDE可以使开发人员利用Java平台能够快速创建Web、企业、桌面以及移动的应用程序,NetBeans IDE目前支持PHP、Ruby、JavaScript、Ajax、Groovy、Grails和C/C++等开发语言。

Cloud 9

Cloud9 IDE 是一个基于Node.JS构建的JavaScript程序开发Web IDE。它拥有一个非常快的文本编辑器,支持为JS, HTML, CSS和这几种的混合代码进行着色显示。Cloud9 IDE还为node.js和Google Chrome集成调试器可以在IDE中启动、暂停和停止,能够在云计算环境中测试和部署你的代码。

Eclipse

Eclipse 是著名的跨平台的自由集成开发环境(IDE)。最初主要用来Java语言开发,但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开发工具。

Scripted

Scripted 是一个快速而且轻量级的 JavaScript 代码编辑器,基于 Web 浏览器。Scripted由VMware基于Eclipse Orion的编辑器组件开发。它工作于本地,并且由Node.js Web服务器提供内容服务。

【相关推荐:javascript视频教程编程基础视频

以上是javascript用的哪个编辑器的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用WebSocket和JavaScript实现在线语音识别系统 如何使用WebSocket和JavaScript实现在线语音识别系统 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript实现在线语音识别系统引言:随着科技的不断发展,语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统,具备了低延迟、实时性和跨平台的特点,成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系

WebSocket与JavaScript:实现实时监控系统的关键技术 WebSocket与JavaScript:实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript:实现实时监控系统的关键技术引言:随着互联网技术的快速发展,实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用,并给出代码示例,详细解释其实现原理。一、WebSocket技

如何使用WebSocket和JavaScript实现在线预约系统 如何使用WebSocket和JavaScript实现在线预约系统 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript实现在线预约系统在当今数字化的时代,越来越多的业务和服务都需要提供在线预约功能。而实现一个高效、实时的在线预约系统是至关重要的。本文将介绍如何使用WebSocket和JavaScript来实现一个在线预约系统,并提供具体的代码示例。一、什么是WebSocketWebSocket是一种在单个TCP连接上进行全双工

如何利用JavaScript和WebSocket实现实时在线点餐系统 如何利用JavaScript和WebSocket实现实时在线点餐系统 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket实现实时在线点餐系统介绍:随着互联网的普及和技术的进步,越来越多的餐厅开始提供在线点餐服务。为了实现实时在线点餐系统,我们可以利用JavaScript和WebSocket技术。WebSocket是一种基于TCP协议的全双工通信协议,可以实现客户端与服务器的实时双向通信。在实时在线点餐系统中,当用户选择菜品并下单

JavaScript和WebSocket:打造高效的实时天气预报系统 JavaScript和WebSocket:打造高效的实时天气预报系统 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的实时天气预报系统引言:如今,天气预报的准确性对于日常生活以及决策制定具有重要意义。随着技术的发展,我们可以通过实时获取天气数据来提供更准确可靠的天气预报。在本文中,我们将学习如何使用JavaScript和WebSocket技术,来构建一个高效的实时天气预报系统。本文将通过具体的代码示例来展示实现的过程。We

简易JavaScript教程:获取HTTP状态码的方法 简易JavaScript教程:获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程:如何获取HTTP状态码,需要具体代码示例前言:在Web开发中,经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时,我们经常需要获取返回的HTTP状态码来判断操作是否成功,根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码,并提供一些实用的代码示例。使用XMLHttpRequest

javascript中如何使用insertBefore javascript中如何使用insertBefore Nov 24, 2023 am 11:56 AM

用法:在JavaScript中,insertBefore()方法用于在DOM树中插入一个新的节点。这个方法需要两个参数:要插入的新节点和参考节点(即新节点将要被插入的位置的节点)。

如何在JavaScript中获取HTTP状态码的简单方法 如何在JavaScript中获取HTTP状态码的简单方法 Jan 05, 2024 pm 01:37 PM

JavaScript中的HTTP状态码获取方法简介:在进行前端开发中,我们常常需要处理与后端接口的交互,而HTTP状态码就是其中非常重要的一部分。了解和获取HTTP状态码有助于我们更好地处理接口返回的数据。本文将介绍使用JavaScript获取HTTP状态码的方法,并提供具体代码示例。一、什么是HTTP状态码HTTP状态码是指当浏览器向服务器发起请求时,服务

See all articles