最好用的 JavaScript IDE 或编辑器是哪个

JavaScript024

最好用的 JavaScript IDE 或编辑器是哪个,第1张

IDE:

1,visual studio——宇宙最强IDE。用熟之后,懵然发现,其实宇宙中只有一个IDE,其它的所谓IDE,原来都只是加强型的文本编辑器。

2,webstrom——JB公司出品,必属精品,一人之下,万人之上。

3,HBuilder——国货精品,专注H5,全中文,很给力。

文本编辑器:

1,VS CODE——visual studio的阉割版。。虽然直接阉成了文本编辑器。但更加轻量,依然宇宙最强。

2,sublime——曾经的王者,在VS CODE出现之前,公认最好的文本编辑器,没有之一。

3,Brackets——ADOBE出品,专注WEB,界面美观,配色华丽。

4,Notepad++——虽一度被sublime吊打,但小巧,简单,依然有其亮点

如果楼主只是写JS,不做后端的话,其实用个文本编辑器就足够了。。VS CODE和sublime都不错。。用IDE写JS有些杀鸡用牛刀的感觉。IDE通常用来做一些C#,C++,JAVA之类的大型项目,才能发挥出优势。。

nodejs主要是JavaScript,用支持JavaScript的编辑器就可以,大部分WEB开发IDE都可以的,另外开发node会用到终端(运行node任务命令),所以IDE最好集成内置终端,这样筛选下来,也就没几个可选的了,webstorm支持并集成node首选,VS code也可以做备选;sublime虽然全能,但终端需插件支持,配置一整套node环境下来也是够呛。其他的IDE也是可以的。反正两个参考点:

有内置终端。

自带支持node或者有node插件。

作为一个资深的Eclipse用户,我想对IntelliJ

IDEA做一个更为严谨的审视。JetBrains的工作人员非常的友善,并为Podcastpedia.org和Codingpedia.org这两个

工程给予了我一个开放源码的许可证。在这片文章中,我列出来Eclipse中常用且与IntelliJ等同的一些操作。写这篇文章为了以后遗忘时能够再用

做个记录,也为或许能帮助到其他的人。

快捷键

要事先说!下表中列出了在两个IDE之中我最常用的快捷键:

链接编辑器

很多时候我们在编辑一个文件,同时还需要编辑其他的文件。假如FF类是一个经常编辑的类,同时又需要对同一个包中的其他类进行编辑—通过链接编辑器的功能,可以迅速在同包的类之间进行切换。这个功能为我们提供了什么样的便利?每当编辑了一个文件,它会立即显示其所在包浏览器视图/项目视图中的位置。如果使用展开式的包视图,它会按功能对类划分并显示,而不使用分层(dao层,

service层等)的方式来展示类。这也是我强烈推荐的展示方式,因为真的很方便。

Eclipse

在工程浏览视图或者包浏览视图可以看到并使用链接编辑器(Link

to

Editor)的按钮。

如果不想使用该功能,依然可以使用Alt+Shift+W快捷键来查看包视图或工程视图并设置其显示位置。

IntelliJ

在工程视图或者包视图中选择设置,然后勾选根据源码自动滚动(Autoscroll

From

Source)功能;

如果不想使用该功能,依然可以使用快捷键Alt+F1来导航并设置显示的位置;

如果不想使用该功能,依然可以使用快捷键Alt+F1来导航并设置显示的位置;

IntelliJ的魅力之处

默认设置了许多的功能

IntelliJ本身就自带了众多的功能(如:GitHub的集成)。当然,在Eclipse你也可以通过选择不同版本的插件来获取到足够的功能,只是需要自己来配置这些插件。

使用鼠标滚轮改变字体大小

在IntelliJ中,可以使用鼠标滚轮来改变字体大小(我在浏览器中经常使用该功能)。但是这个功能需要手动激活。

打开IDE的设置(Ctrl+Shift+S或点击

文件菜单>Setting)

在编辑器页面(在搜索框中输入“Editor”),确保Change

font

size

(Zoom)

with

Ctrl+MouseWheel这个选项被选中。

在IDE中直接启动命令行终端

使用快捷键:

Alt

+

F12

灵活易用的模板

输入p,然后使用快捷键Ctrl+J,就可以获取以下选项:

psf

public

static

final

psfi

public

static

final

int

psfs

public

static

final

String

psvm

main

method

declaration

对JavaScript、HTML5的强力支持

商业版的IntelliJ应该包含了对

HTML5、CSS3、SASS、LESS、JavaScript、CoffeeScript、Node.js、ActionScript以及其他语言的代码辅助功能。我将尽快地确认这些内容。