{eval=Array;=+count(Array);}

问答专栏Q & A COLUMN

前端开发用什么编辑器最好?

shiyang6017shiyang6017 回答10 收藏1
收藏问题

10条回答

FuisonDesign

FuisonDesign

回答于2022-06-22 18:20

前端的编辑器很多,这个也没什么特殊的标准,哪个一定好,哪个一定不好,只要能高效、保质保量的完成工作就行,下面我介绍几款常用的前端代码编辑器,感兴趣的可以下载尝试一下:

1.VS Code:这个是微软开发的一个免费、开源、跨平台的代码编辑器,支持几十种编程语言,包括Html,CSS,JS等,小巧灵活、运行效率高,支持常见的代码高亮、语法提示、智能补全、错误检查、Git等功能,而且插件扩展丰富,配置后,可直接调试运行Java,C++等程序,是一个很不错的代码编辑器,也很适合前端开发:

2.Sublime Text:这也是一个免费、跨平台、小巧的代码编辑器,支持的编程语言与VS Code差不多,轻便、灵活、运行效率较高,支持常见的代码高亮、语法检查、自动补全等功能,安装相关插件后,也可以完成代码的调试和运行,对于前端开发来说,也是一个很不错的代码编辑器:

3.Atom:这个是GitHub专门为广大程序员开发的一个代码编辑器,免费、开源、跨平台,支持常见的Html,CSS ,JS,Java,C++等编程语言开发,代码高亮、自动补全、语法提示、轻便灵活,是一个非常不错的代码编辑器:

4.Notepad++:这个大部分人都应该听说过,其实就是记事本的增强版,支持多达27种编程语言,包括前端的Html,CSS,Javascript等,自动补全、语法提示等功能也不错,小巧灵活,使用方便,是一个很不错的前端代码编辑器:

5.Hbuilder:这个是国产的一个前端开发的IDE,专门用于web开发,界面柔绿、清爽护眼,支持常见的自动补全、语法提示等功能,还支持Markdown功能,可以将开发的前端网页云端打包成安卓或iOS手机应用,是一个非常不错的前端编辑器:

6.WebStorm:这是一个重量级的Web开发IDE,由Jetbrains公司研发,Web开发的神器,常见的代码高亮、智能补全、语法提示、Git等功能,这个软件都支持,除此之外,还支持单元测试、代码重构、代码分析等功能,在大型项目开发中,经常会用到,是一个很不错的前端IDE:

目前,就分享这6个前端开发的代码编辑器吧,像其他的软件,Editplus,IDEA,DW,Eclipse等也都可以,选择适合自己的一个就行,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。

评论0 赞同0
  •  加载中...
PascalXie

PascalXie

回答于2022-06-22 18:20

Vscode全栈搞定

评论0 赞同0
  •  加载中...
svtter

svtter

回答于2022-06-22 18:20

vscode 不接受反驳

评论0 赞同0
  •  加载中...
denson

denson

回答于2022-06-22 18:20

作为一名工程师,给自己选一个趁手的工具是非常非常重要的一件事情,而作为一个前端工程师,我并不建议大家上比较重的IDE来进行开发,而是使用一些文本编辑器来进行开发就可以了。

首先要推荐给大家的就是大名鼎鼎的微软推出的vs code这款编辑器。首先这是一款免费的编辑器,因此大家不必为此花上一些费用。其次是它是由微软公司推出的,所以在用户体验以及各个方面都是做得相当的不错,尤其是它丰富的第三方插件包,非常非常的多。我相信每一个前端工程师都会精心的去配置它的编辑器,打造成一个独一无二的编辑器。而在满足自己的个性化需求方面,这一款比你寝室做的非常非常理想的。

其次给你推荐的编辑器是由github公司推出的atom这款编辑器。从可定制性以及其他的方面来说,相比微软的编辑器还是差了那么一点点,但是有一点非常非常非常牛逼就是真的很好看。我个人就是因为颜值的问题,选择这款电器为我的首选开发编辑器。至于在配置方面,通过命令行配置的话还是很好配置的,但是如果你对命令行不是很了解的话,图形界面的配置好像在国内有墙的问题。不过我个人没有更深入的研究,因为我几年前把编辑器配置好之后,就再也没有动弹过。

推荐给你的第3款的编辑器,就是国内的一家公司推出的h builder。这款编辑器针对我们国人的一些开发特点,做了很多本土化的优化,在一些便利性方面也做的确实是非常的不错,但是因为没有我喜欢的皮肤,所以我个人并没有使用这款兵器,但是周围的前台工程师确实有很多使用这款兵器,并且评价非常的高。

最后说到编辑器怎么能够不推荐神的编辑器vim呢?我平时就是使用这款编辑器为我的辅助编辑器的,毕竟在命令行里面可以直接编辑操作,不用切来切去的,确实是感觉比较爽一点,不过如果你不是苹果用户或者是Linux系统的用户的话呢,使用这款编辑器会让你很尴尬的。不过我相信如果你学好了,对你会有非常非常多的帮助。

以上文字只是我的个人观点,如果各位看官有不同的观点,欢迎在评论区中讨论留言,如果喜欢我的回答,可以给我点赞转发并关注我,我在这里谢谢大家了。

评论0 赞同0
  •  加载中...
baoxl

baoxl

回答于2022-06-22 18:20

反正我用emacs此生不换

评论0 赞同0
  •  加载中...
ranwu

ranwu

回答于2022-06-22 18:20

vs code~

评论0 赞同0
  •  加载中...
Lavender

Lavender

回答于2022-06-22 18:20

vscode,webstorm,当然sublime都行。

评论0 赞同0
  •  加载中...
loostudy

loostudy

回答于2022-06-22 18:20

随着web前端设计的职业需求愈来愈大,做前端开发的队伍也日益壮大。“工欲善其事,必先利其器”,互联网上大大小小的编辑工具那么多,哪一个最好用呢?都有什么特点呢?其实在于个人的喜好,用的顺手才是最重要的下面介绍几个供参考

Brackets

默认有两个主题,可以通过安装theme包拓展新的主题。亲测brackets的插件商店并不是很好用,安装插件可以通过网页的插件商店查找安装包.zip的链接,然后通过链接安装。布局方面只支持左右或者上下两种方式。但是编辑器有一个很逆天的自带功能(虽然其他编辑器也可以通过插件实现),可以一键打开一个浏览器窗口,同步预览在编辑的网页渲染效果,HTML和CSS的修改可以页面无刷新的即时显示。另外一个逆天的功能是,直接在HTML代码的位置修改CSS,还可以直接在CSS代码段中选择编辑颜色。编辑器不集成nodejs调试,亲测node-debug插件也不是很好用。

Hbuilder

类似eclipse的界面,功能也是大而全。主打“绿柔”主题,为了宣传也是很拼。有很丰富的配置选项,这也是Hbuilder作为一个IDE和其他几个编辑器很大的区别。同时支持边看边改模式Hbuilder最强大的是可以很方便做移动端开发,甚至直接打包hybrid应用。Hbuilder是基于eclipse开发的,所以也是使用的eclipse插件。在插件菜单,Hbuilder推荐了一些常用插件,基本覆盖了前端开发需要的各种功能。

Dreamweaver

简称DW,有着很好听的中文名字“梦想编织者”这可能是使用最广泛的编辑器啦,说到web前端,大家想到的使用工具一般都是Dreamweaver,就是因为使用的人多,使用教程很多,所以他也是比较适合初学者的一款软件。其中,DW3.0不足3M,乃是经典版,在配置很低的电脑上也能速度很快地流畅运行。可以说,这是一个非常经典的编辑器,中规中矩,大部分常规功能都有。

Atom

有人说他是21世纪黑客文本编辑器,却拥有着小清新的颜值,UI交互也是做得非常好。软件本身体积很小,是一个开源免费的软件,支持多种语言,拥有丰富的插件,可以自定义界面。但是不太适合打开运行大文件,svn的支持也比较差。不过他有着比较强大社区支持,有社区支持的话,就代表着软件一直有人在维护,持续开发。

Visual Studio Code

他简称VSC,是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言,有语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等优势,支持插件扩展,并针对网页开发和云端应用开发做了优化。他有两大特点, 一是插件数量多,二是是他是微软提供支持全职团队来开发的一款编辑器,这是很难得的。该软件还同时支持主流三大平台。

Sublime Text

他有着帅酷界面,黑色打底,男生用帅,女生用酷,上面的代码五颜六色,不同类型的标签颜色不同,语法高亮,甚至可以多行选择多行编辑。最有特点的是他能够支持多种布局和代码缩略图,用户可以根据自己的喜好来调整布局设置,还可以启动全屏免打扰模式,精心安心敲代码。同时他也有编辑恢复能力,也是他的一大特色之一,有了这个功能,妈妈再也不担心我忘记保存代码突遇停电啦!

虽然他也是收费的软件,但是可以不限期免费试用,只是会在使用的时候总会有弹窗。但是他也有些缺点,比如sublime text原生对中文支持不太友好,需要安装插件才能解决。

WebStrom

一款被广大前端设计师誉为“web前端开发神器”的H5编辑器。他与Intellij IDEA同源,继承了Intellij IDEA强大的JS部分功能,因此也被称为“最智能的Java IDE”。大部分编辑器有的智能代码不全,html提示,联想查询,代码检查等功能,毫无疑问的他也拥有,而且他还额外有代码重构,代码结构浏览,去掉外围代码,代码格式化等等强大而且人性化的功能。可以说唯一的缺点就是要收费吧,如果真的需要长期使用,还是花59美元去买一个正版的。

评论0 赞同0
  •  加载中...
plus2047

plus2047

回答于2022-06-22 18:20

vs code谁用谁知道

评论0 赞同0
  •  加载中...
rubyshen

rubyshen

回答于2022-06-22 18:20

①Visual Studio Code:有着强大的插件生态系统,在使用JavaScript框架和库构建应用程序时或者使用nodejs时推荐使用Visual Studio Code。

②webstrom 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

③Sublime Text:灵活、强大、可扩展的文本编辑器,它能够如闪电般快速运行,并且支持切换到其它窗口进行代码检查、调试和部署

评论0 赞同0
  •  加载中...

相关问题

最新活动

您已邀请0人回答 查看邀请

我的邀请列表

  • 擅长该话题
  • 回答过该话题
  • 我关注的人
向帮助了您的网友说句感谢的话吧!
付费偷看金额在0.1-10元之间
<