工欲善其事，必先利其器，对于刚进入前端的小白，选择一个得心应手的开发工具也是有助于提升开发效率，前端开发工具有很多，该如何选择那，今天我们就对主流Web开发工具来做一个汇总。

1 . WebStorm

官网：https://www.jetbrains.com/webstorm/

功能介绍

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具,功能齐全,集成度高，内置服务器调试，ESlint，代码补全，Emmet,ES6语法支持等应有尽有，目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。也存在一定的缺点正版收费，由于内置集成度比较高占内存大(常驻内存300M左右)，启动慢，对电脑配置有一定要求。

2 . HBuilder

官网：https://www.dcloud.io/

功能介绍

Hbuilder是国产的一款前端开发工具，是开发小白的福音，支持webapp开发，一套代码多端运行，代码实现简单，开发快速，官网提供很多组件，可以直接拿来用，也是存在一定的缺点比如bug官方回应不及时，自身稳定性会出现卡顿，闪退等问题。

3.V****isual S****tudio Code

官网：https://code.visualstudio.com/

功能介绍

Visual Studio Code 一个运行于 Mac OS X、Windows和 Linux 之上的，免费，开源的代码编辑器。功能非常强大，人性化的设计，界面符合前端审美，丰富的插件配置，体积小，拓展性高。缺点也是有一些的，支持度相较于ide有一定的局限性。

4.Sublime Text

官网：http://www.sublimetext.com/

功能介绍

Sublime text具有漂亮的用户界面和强大的功能，体积小，运行速度快，可配置度高，丰富的插件，可以极大的减少开发的劳动程度，缺点是收费，闭源，插件的兼容性及插件bug官方响应不及时等。

5.Atom

官网：https://atom.io/

功能介绍

Atom 是github专门为程序员推出的一个跨平台文本编辑器，具有简洁和直观的图形用户界面，并有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。单纯从编辑器角度看，Atom免费，扩展性强，原生的包管理，重用npm社区资源，易于跨平台。发现bug反馈官方解决积极，缺点是相对重量，运行慢，这也是基于其架构无法克服的。

6 . Adobe Dreamweaver

官网：https://www.adobe.com/products/dreamweaver.html

功能介绍

Adobe Dreamweaver，简称“DW”，中文名称 “梦想编织者”，最初为美国MACROMEDIA公司开发,曾是网页三剑客之一，是比较流行的网页设计软件，操作简单，优秀的网站管理功能，便于扩展。然而由于版本更新慢，相对陈旧，无法满足开发者的需求，逐渐退出了历史舞台。2017版本及时进行修正，适合对于语法还不熟悉的同学使用。

7 . EditPlus

官网：https://www.editplus.com/

功能介绍

EditPlus是一款由韩国 Sangil Kim （ES-Computing）出品的一个为Internet准备的、运行于Windows 下一个简单的IDE，语言支持度高，通过定制语法文件，可以扩展到其他程序语言，大部分语言都支持，代码自动补全，语法高亮显示，体积小，运行速度快，支持网页预览。适合零基础的初学者使用。

学习资源

如果你是也准备转行学习网络安全（黑客）或者正在学习，这里开源一份360智榜样学习中心独家出品《网络攻防知识库》,希望能够帮助到你

知识库由360智榜样学习中心独家打造出品，旨在帮助网络安全从业者或兴趣爱好者零基础快速入门提升实战能力，熟练掌握基础攻防到深度对抗。

1、知识库价值

深度： 本知识库超越常规工具手册，深入剖析攻击技术的底层原理与高级防御策略，并对业内挑战巨大的APT攻击链分析、隐蔽信道建立等，提供了独到的技术视角和实战验证过的对抗方案。

广度： 面向企业安全建设的核心场景（渗透测试、红蓝对抗、威胁狩猎、应急响应、安全运营），本知识库覆盖了从攻击发起、路径突破、权限维持、横向移动到防御检测、响应处置、溯源反制的全生命周期关键节点，是应对复杂攻防挑战的实用指南。

实战性： 知识库内容源于真实攻防对抗和大型演练实践，通过详尽的攻击复现案例、防御配置实例、自动化脚本代码来传递核心思路与落地方法。

2、 部分核心内容展示

360智榜样学习中心独家《网络攻防知识库》采用由浅入深、攻防结合的讲述方式，既夯实基础技能，更深入高阶对抗技术。

360智榜样学习中心独家《网络攻防知识库》采用由浅入深、攻防结合的讲述方式，既夯实基础技能，更深入高阶对抗技术。

内容组织紧密结合攻防场景，辅以大量真实环境复现案例、自动化工具脚本及配置解析。通过策略讲解、原理剖析、实战演示相结合，是你学习过程中好帮手。

1、网络安全意识

2、Linux操作系统

3、WEB架构基础与HTTP协议

4、Web渗透测试

5、渗透测试案例分享

6、渗透测试实战技巧

7、攻防对战实战

8、CTF之MISC实战讲解

3、适合学习的人群

‌一、基础适配人群‌

1. ‌零基础转型者‌：适合计算机零基础但愿意系统学习的人群，资料覆盖从网络协议、操作系统到渗透测试的完整知识链‌；
2. ‌开发/运维人员‌：具备编程或运维基础者可通过资料快速掌握安全防护与漏洞修复技能，实现职业方向拓展‌或者转行就业；
3. ‌应届毕业生‌：计算机相关专业学生可通过资料构建完整的网络安全知识体系，缩短企业用人适应期‌；

‌二、能力提升适配‌

1、‌技术爱好者‌：适合对攻防技术有强烈兴趣，希望掌握漏洞挖掘、渗透测试等实战技能的学习者‌；

2、安全从业者‌：帮助初级安全工程师系统化提升Web安全、逆向工程等专项能力‌；

3、‌合规需求者‌：包含等保规范、安全策略制定等内容，适合需要应对合规审计的企业人员‌；

因篇幅有限，仅展示部分资料，完整版的网络安全学习资料已经上传CSDN，朋友们如果需要可以在下方CSDN官方认证二维码免费领取【保证100%免费】