代码编辑工具：WebStorm、VS Code

代码版本控制工具：Git、SVN

代码包管理工具：npm、Yarn

笔记工具：boardmix、Evernote、Typora

前端构建工具：Webpack、Vite

调试工具：浏览器开发工具

响应式设计工具：Bootstrap、Material-UI

浏览器插件：easy auto refresh、FeHelper(前端助手)、Vue Devtools

1. Visual Studio Code

Visual Studio Code(简称VSCode)是一款由微软公司开发的，功能十分强大的轻量级编辑器。该编辑器提供了丰富的快捷键，集成了语法高亮、可定制热键绑定、括号匹配以及代码片段收集的特性，并且支持多种语法和文件格式的编写。

2. Sublime Text

Sublme Text是一个轻量级的代码编辑器，具有友好的用户界面，支持拼写检查、书签、自定义按键绑定等功能，还可以通过灵活的插件机制扩展编辑器的功能，其插件可以利用Python 语言开发。Sublime Text是一个跨平台的编辑器，支持W indows.Linux、macoS等操作系统。

3. HBuilder

HBuilder是由DClbud(数字天堂)公司推出的一款支持HTML.5的Web开发编辑器，在前端开发、移动开发方面提供了丰富的功能和贴心的用户体验，还为基于HTML5的移动端App开发提供了良好的支持。

4. Adobe Dreamweaver

A dobe Dresm weaver是一个集网页制作和网站管理于一身的所见即所得的网页编辑器，用于帮助网页设计师提高网页制作效率，简化网页开发的难度和字习HTML、CSS的门槛。但缺点是可视化编辑功能会产生大量冗余代码，而且不适合开发结构复杂、需要大量动态交互的网页。

5. WebStorm

WebStom是JetB rains公司推出的一款W eb前端开发工具，JavaScript、HTM L5开发是其强项，支持许多流行的前端技术，如Query、Prototype、Less、Sass、AngularJS、ESLint,webpack等。点击了解更多报名详情>>>