我们先看下学习前端，比较好的软件开发工具，即ide工具有哪些：
1.Visual Studio Code
微软在2015年4月30日的Build Developers Conference上正式宣布了Visual Studio Code项目：一个跨平台的源代码编辑器，用于在Mac OS X，Windows和Linux上运行的现代Web和云应用程序。
Visual Studio Code软件功能非常强大，界面简单明了，操作方便快捷，设计非常人性化。
他的界面如下，我在我自己的电脑上截图的：
这是目前所有前端都知道的ide，也是前端界最好的ide了吧。各位新手前端一定要掌握它噢。
2.Visual Studio
每个程序员都知道的宇宙最强IDE，天下无人能出其右者：Microsoft Visual Studio（VS）是来自美国Microsoft Corporation的一系列开发套件。 VS是一组基本且完整的开发工具，其中包括整个软件生命周期中所需的大多数工具，例如UML工具，代码管理工具，集成开发环境（IDE）等。目标代码是针对Microsoft支持的所有平台编写的，包括Microsoft Windows，Windows Mobile，Windows CE，NET Framework，NET Compact Framework以及Microsoft Silverlight和Windows Phone。
Visual Studio是Windows平台应用程序中最受欢迎的集成开发环境。最新版本是Visual Studio 2019，基于.NET Framework 4.5.2
我吃饭的家伙用的就是它。我是后端。继续拿我电脑上的vs截个图吧：
3.WebStorm
WebStorm是Jetbrains的JavaScript开发工具。官方插件支持，满足了许多将不会配置的学生，ESlint，词汇突出显示，emmet，CSS预处理器，新版本还增加了对ES6的支持，内置服务器调试。
目前，它已被中国JS开发人员誉为“ Web前端开发工件”，“最强大的HTML5编辑器”和“最智能的JavaScript IDE”。它是IntelliJ IDEA的本机，并且继承了IntelliJ IDEA强大的JS部分的功能。
4.Atom
Atom是GitHub的跨平台文本编辑器，专门用于程序员。平易近人，但是可以缩写的核心工具是自定义的，可以执行任何操作，并且您可以使用无效的配置文件。为开源而生。
具有简单直观的图形用户界面，并具有许多有趣的功能：支持CSS，HTML，JavaScript和其他Web编程语言。它支持宏，自动执行分屏功能，并与文件管理器集成。
5.Dreamweaver
比较旧的IDE曾经以PS + DW + FW统治了网络领域，被称为网页“三剑客”。但是，以前的版本更新速度较慢，并且版本已过时。它不能满足前端开发人员的需求，并逐渐被市场淘汰。
幸运的是，2017年版本进行了及时修订，外观，界面，语法突出显示等已经非常漂亮，并且添加了CSS预处理器支持，同时保留了一些预制组件，对于不熟悉的学生来说非常方便语法。对于没有节点的学生，还有一个实时预览，适用于对前端有更好了解的学生。
dw是很早很早的ide了。我在2004年学的第一个ide就是它，那时我学html。怀念啊。不过他也一直在更新，今天也还有市场的。他对html的操作确实很好。
最后总结：学习前端的话，还是首选vscode，即第一个ide工具。