前端程序员最爱用的8款代码编辑器，你用哪款？

太过爱你忘了你带给我的痛 2022-02-15 03:19 265阅读 0赞

# 前端程序员最爱用的8款代码编辑器，你用哪款？ #

2018年05月06日 14:13:03 [前端入门到精通][Link 1] 阅读数：33546

今天给大家分享8款前端程序员最爱用的代码编辑器，来看看你用哪款？

学编程从模仿开始，照书上一个字符一个字符的把代码敲进编辑器，编译，运行，输出“Hello word！”。Fine， you got it。

我觉得入门从模仿开始是必经之路，入门之初有时候一个字符一个字符的敲，也不能把简单的程序敲对，能发现错误，debug，就能有收获！

Good Luck！

这里还是要推荐下我自己建的前端学习群：733581373，如果你正在学习前端，小编欢迎你加入，大家都是前端党，不定期分享干货（只有web前端相关的），包括我自己整理的一份2018最新的前端资料和零基础入门教程，欢迎初学和进阶中的小伙伴。

# Adobe Dreamweaver CC #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8]

# Atom #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8 1]

# Sublime Text #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8 2]

# Brackets #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8 3]

# WebStorm 11 #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8 4]

# Notepad++ #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8 5]

# HBuilder #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8 6]

# Beyond Compare #

![前端程序员最爱用的8款代码编辑器，你用哪款？][8 7]

最后在对前端程序员提点建议：

1.  当我们在写代码的时候，我们的脑子里到底在想什么？
2.  当然不是某个语言的具体细节，除非是为了试验\*(\*p++)++之类的古怪目的。我们思考的是流程，是关系，说的笼统些，是方法。编码的过程，只不过是把思维的结果具体化，变成计算机能够理解的字符而已。
3.  这就好像一个木匠，只会使用斧子、锯子这些工具，是做不出好的家具一样。写代码只是生产软件过程中的一环。无论是数据结构、编译原理、操作系统还是组成原理都是编码的重要基础，试问没有学过编译原理的人能够针对性地进行编译优化吗？不懂操作系统的人能玩得转linux吗？至于人工智能、计算机网络之类的应用领域就更不用说了。计算机专业的学生可不是大一学C，大二C++，大三Java、Perl、Python这样训练出来的，大部分课程都和具体的编码没有关系。科班的价值在于提供了系统的训练，并且科学地循序渐进，让学生不会迷失在知识的大海中。另外，配套的实验课程也能非常快速地提高自己的水平，对于新手来说，从老师那里得到的反馈真的非常重要。教育也是一门科学，一个专业的培养方案不是随随便便设置的。
4.  最后还是要推荐下我的web前端学习群：733581373，每天晚上20:00我都会开直播给大家分享web前端学习知识和路线方法，群里会不定期更新最新的教程和学习方法（进群送2017web前端学习教程），大家都是学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的前端党，如果你是正在学习web前端的小伙伴可以加入学习。最后祝所有程序员都能够走上人生巅峰，让代码将梦想照进现实。

[Link 1]: https://me.csdn.net/zwjweb
[8]: http://p1.pstatp.com/large/39a50003143f6d2f13ba
[8 1]: /images/20220215/9b9d6927ecd043898fc02aa1245a32a8.png
[8 2]: http://p1.pstatp.com/large/39a50003144239ed6cdc
[8 3]: http://p1.pstatp.com/large/39a8000105348a949d8d
[8 4]: /images/20220215/aae2c78bc6cc4be1bef1245d4175c1d6.png
[8 5]: /images/20220215/364a78e7af3140d397c168deda794067.png
[8 6]: http://p1.pstatp.com/large/39a900011ebf704689c9
[8 7]: /images/20220215/3245f25a8e504021af9254de60fabef5.png