javascript用什么编辑器

2023-02-28 14:19:02JavaScript011

javascript用什么编辑器,第1张

目前前端使用率最高的就是sublime 和 webstorm了，当然了还有visual ，DW，等等。下面仅介绍一些sublime和webstorm。1.Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。2.WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。功能编辑JavaScript· 基于DOM，特定浏览器完成· 编码导航和用法查询· 支持ECMAScript· 支持CoffeeScript· 支持结点· JavaScript重构· JavaScript单元测试· 代码检测和快速修复· JSLint/JSHint· 基于 Mozilla的JavaScript调试器其他用途· 批量代码分析· 编码语言混合或内混· 拼写检查器· 重复代码检测器编辑语言· 支持HTML5· css/js· 检验和快速修复· Zen编码· 显示内容· 显示应用的风格便捷的环境· HTML5样本文件和其他Web应用程序模板· FTP和远程文件同步· 集成了版本控制系统· 本地记录优势功能编辑智能的代码补全支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。代码格式化代码不仅可以格式化，而且所有规则都可以自己来定义html提示大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。联想查询只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全代码导航和用法查询 (8张) 项目查找函数或者变量，还可以查找使用并高亮。代码重构这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。代码检查和快速修复可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。代码调试支持代码调试，界面和IDEA相似，非常方便。代码结构浏览可以快速浏览和定位代码折叠功能虽小，不过胜在方便高效包裹或者去掉外围代码自动提示包裹或者去掉外围代码，一键搞定

给大家推荐8款最受程序员喜爱的代码编辑器

1、Atom

Atom是Github打造的一款开源代码编辑器，支持 macOS、Windows和Linux操作系统，支持Node.js所写的插件，并内置由Github提供的Git版本控制系统，也可被当作 IDE 使用。

Atom的特色在于它极其丰富的可定制性，以及赏心悦目的界面。特别是自带的代码缩略图和代码折叠功能，不管是用Python还是做前端都非常好用。

2、EMACS

EMACS的强大之处在于已经超出了编辑器的范畴，搞成了大的平台，很多开发人员在上面直接都以他为入口完成各种功能需求了。

主要有如下特性：上网浏览网页看视频,收发邮件，调试程序，玩游戏，计算器，；、文件比较，记日记，目录管理

3、Notepad++

Notepad++被称为是JAVA程序员的最爱，几乎可以替代记事本的最佳编辑器，很多强大的功能集于一身。可以在Windows操作系统下编辑，有完整的中文化接口支持多国语言编写的功能(UTF8技术)，支持自定义语言。该程序还支持自动完成某些编程语言的API子集。

4、Sublime Text

Sublime 是一种比Notepad++功能强大的多编辑器，现在很多前端开发人员都很喜欢，虽然代码不开源，里面需要拿到注册码才能使用，但是它几乎涵盖了notepad++的所有特性，界面美观功能全的编辑器。

主要有如下特性：

跨平台，几乎在各个操作系统上都能使用

查找和替换功能做得非常友善

不仅支持多种语言关键字的高亮提示，还能针对编程语言编译错误给提示

支持插件功能

能够支持多种布局方式

5、Brackets

Brackets是一款为Linux开发者设计的开源代码编辑器，使用Brackets写代码，你不会被任何事情所打断。比如在写HTML代码时，即便你没有保存代码也可以及时预览你的Web页面效果。你也可以使用Theseus来检查变量，Brackets默认提供一种主题，当然你也可以在扩展中心获取更多的主题。

6、Vim

Vim 是一款高度可定制的文本编辑器，可以用于包括编写代码在内的各种文本创建与编辑工作。

Vim 的特色在于，它可以仅仅通过键盘来在插入、执行命令、文本批量处理等模式之中切换。这就使得 Vim 可以不用进行菜单或者鼠标操作，并且最小化组合键的操作。对文字录入员或者程序员可以大大增强速度和效率。

7、Visual Studio Code

Visual Studio Code是目前最受欢迎的代码编辑器。Visual Studio Code是一个由微软公司发布的免费开源且跨平台的代码编辑器，刚一问世，它就以强大的功能、美观的界面、高度的可定制性，被誉为微软的良心之作。

Visual StudioCode 内置了代码调试、Git 版本控制、代码高亮、智能代码补完、代码片段管理、代码重构等丰富的功能。此外，VS Code 的用户个性配置选项也很丰富，能方便地修改主题颜色、键盘快捷方式等各种属性和参数，还在内置了扩展程序管理的功能。

8、Eclipse

Eclipse以一种友好的集成开发环境，为各种类型的用户，提供了一系列针对开发Web和Java应用的可用工具。虽然专注于Java，但是也支持其他各种编程语言，如C ++、JavaScript、PHP、C、Perl、Fortran、Ruby、Python，甚至是COBOL。它还包括了适用于各种语言、向导和内置应用程序以简化开发的源代码和图形编辑器，以及支持部署、运行和测试app的工具和API。

Eclipse提供的插件功能相当丰富，有助于更加简便地创建、集成和使用软件工具，节省时间和金钱。

1. CodeSandbox(基于 React 的在线代码沙盒平台) 我常用的

① 主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他博客等网页中。

② 地址：https://codesandbox.io/

③ 图示

2. CodePen(前端代码编辑运行的网站)

① CodePen 是一个完全免费的前端代码托管服务，主要功能有：

② 地址：https://codepen.io/

③ 图示

3. JSRUN(支持手机端的在线JS编辑器)

① jsrun是一款支持手机端的在线JS编辑器, HTML/CSS/Javascript在线代码运行工具,js代码在线测试调试,是runjs的升级版支持vue.js/angular.js的在线编辑器

② 地址：http://jsrun.net/