前端编辑器该选哪个好,资深老程序员告诉你该如何选择



  • 这是一个老生常谈的话题,不管是后端还是前端,只要一讨论到这个大家都有自己的见解和想法,那么作为一名优秀的工程师,该如何选择一款好的代码编辑器呢?

    笔者认为,合适的才是最重要的,为什么这么多编辑器,每个都有人在使用,因为不同的人,可能刚开始接触的编辑器都不太一样,就拿前端来说,有的人学前端刚开始的时候可能使用 nodepad++, 而有的人使用dw,而有的人可能一开始就会选用一些先进的编辑器,例如 atomsublime Text, vscode , webstorm那么长期使用下来,已经适应了编辑器的编码风格和快捷键,一旦这些习惯都养成了就很难改了, 所以这也就是为什么大家都绝得自己使用的编辑器才是最好的!

    好了废话扯到这里,让我们看看这些编辑器都有什么特点

    nodepad++

    nodepad++最大的优势笔者认为,应该是功能齐全,并且 轻量化,相比于记事本来说,他的功能非常齐全,而且免费,自带了很多编程语言的支持,作为记事本的替代品是相当不错的,当然也有一些小伙伴就是用它来开发项目的,与此相似的软件还有 editplus、emeditor等等,这里不做一 一详解

    4f9b4147-3f1d-4962-8546-5f188586505c-image.png

    dw

    dw 是 adobe 全家桶的一款用来编写网页的工具,全称 Dreamweaver, 他的优点就是独有的设计模式,类似现在比较比较先进的可视化编程概念,比较适合新手,但是随之带来的缺点就是用它编写出来的代码,质量不高,也不易维护,随着时间的推移,现在dw在国内已经慢慢的没落了

    912ca823-6bbe-47b6-af5c-dfb15e953b27-image.png

    atom

    atom 是 github 出品的一款编辑器,外观非常漂亮,支持 现在编辑器流行的 插件机制 和 主题机制,也是笔者现在在使用的一款编辑器,在atom火之前,最应该提的是 sublime text 这款编辑器,这款编辑器是一开始笔者选用的,也是支持插件机制 和 主题机制,但由于主题不够漂亮,还有安装插件的方式不太人性化,最终被笔者放弃了,于是投身使用 atom,发现atom在很多细节上确实做的不做,流畅的编辑体验,完美的字体渲染,不会让人感觉到有瑕疵,最重要的是它是github出品的,天生在git集成这块有相当大的优势,git和svn是程序员每天都在接触的东西,总体下来,体验确实不错,唯一不足的地方就是atom基于浏览器内核,所以在大文件的操作方面比 sublime text要差一点,会有卡顿,别的都OK

    b480c8d1-806d-42d0-badf-95f5c3c121d2-image.png

    sublime text

    sublime text 不多说,也是非常优秀,很多编辑器的灵感我想可能也是源于 它的模式,不过有一点这个编辑器是收费的,免费使用在编码过程中,时不时会提示让你付费
    2550ea6b-48c3-4fd8-8b73-6edb86e969c3-image.png

    vscode

    vs code 是在atom之后出来的编辑器,也是目前前端使用人数最多的编辑器之一,甚至有些后端的同事也在用它,它结合了atom 和 sublime text 的特点,再加上自身是一个ide,所以调试功能会显得比较出色,笔者也在 vs code 、atom、sublime text 三者之间使用作了比较,有一段时间公司有项目用到typescript ,而这家伙是微软的,天生对typescript 很友好,差点笔者也准备长期使用这款编辑器来编程了,但是为什么最后笔者又选着使用了atom呢,因为虽然vs code拥有主题功能,但是从细节来看,很多地方和 atom 比起来还是有差距的,图标大小不一,主题配色没有atom简洁美观,git使用起来没有atom的顺手,当然这个也是笔者长期使用atom形成习惯了,不能说哪个好于不好,就看自己的需求,不过现在github 被微软收购,atom也属于微软的东西,只是不是一个派系而已

    a9b56b2f-e565-41b1-a7b1-2eedce7e7038-image.png

    webstorm

    webstorm 相比熟悉后端开发的同学对他肯定不陌生,webstorm 是jetbrains公司旗下一款JavaScript 开发工具,jetbrains公司旗下除了webstorm,还提供其它语言的编辑器,很多java的同学,以前从使用eclipse的都转到 IntelliJ IDEA之下,功能很出色,提示也很友好,也有插件机制和主题机制,不过生态没有 前三款做得好,像笔者这种颜值控来说,webstorm 只是功能强大,但外观和其它三款比起来还是差了那么一点点,不过也有很多小伙伴喜欢它,总之萝卜白菜各有所爱吧!

    ae1889e8-bb22-489b-868d-fff5b66fe706-image.png

    最后来一个小小的总结,还是那句话,合不合适自己上手试用一下,找到自己喜欢的那款工具,这样才能把工具发挥到极致,工作中效率才能提高!
    也在此祝大家工作顺心,诸事顺利!



  • 👏 可以,可以!