frontend-dev-tools

2019 Web前端开发工具集，目前总共80多个工具(包括Nodejs安装、编辑器、构建打包、代码质量、代码管理、调试工具、建站工具等)，持续更新...

工具集分类

1. NodeJS
2. 编辑器
3. 构建打包
4. 代码工具
5. 调试工具
6. 建站工具
7. 其他工具

编辑器

Visual Studio Code【强烈推荐】

2015年微软推出的一款免费开源的现代化轻量级代码编辑器，支持 Mac OS X、Windows和 Linux，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分。

Sublime Text 3【推荐】

Sublime Text 3是一款跨平台代码免费编辑器，既可以编写代码还可以编辑文本，是程序员必不可少的工具，相比之前的版本Sublime Text有了很大的改进，支持代码补全、代码折叠，自定义皮肤等功能，同时支持多种语言和多种操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具（收费）。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

Atom

Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面，并有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。

Markdown

typora

Typora 是一款轻便简洁的Markdown编辑器，支持即时渲染技术，支持OS X、Windows、Linux。

MarkdownPad 2

MarkdownPad 2 是一款轻便简洁的Markdown编辑器，支持即时渲染技术，支持Windows。

马克飞象

马克飞象是一款专为印象笔记（Evernote）打造的Markdown编辑器，界面简洁大方，支持即时本地保存、导出Markdown、PDF、HTML、同步Evernote。

Vim

Vim 是从Vi发展而来的一款功能强大、高度可定制的文本编辑器，主要在Linux 下运行

在线编辑器

CodePen

CodePen 是一个浏览器自由的在线代码编辑器，适合任何技能的开发人员，尤其是增强了学习代码的人员的能力.主要专注于前端语言，例如HTML，CSS，JavaScript和可转化为这些内容的预处理语法。

CodeMirror

短小精悍，扩展性非常强，它是许多大名鼎鼎的在线代码编辑器的基础库，它的特点非常多，开源适合二次开发。

JSFiddle

JSBin

Codeanywhere

Codeanywhere 是一款在线的代码编辑器，它的特点是可以随时随地写代码支持FTP Server、Dropbox、Github上传代码

Dabblet

Dabblet的界面十分简洁，操作简单，对HTML5标签和CSS3样式的支持的很好。

老牌编辑器

• DreamWeaver 【不推荐】
• Editplus 【不推荐】
• Notepad++ 【不推荐】

调试工具

远程调试工具

• weinre
• chrome inspect
• spy-debugger

抓包工具

• Fiddler
• Charles
• HttpWatch
• IETester
• Wireshark

网站性能评测工具

• YSlow
• PageSpeed
• Pingdom
• WebPageTest
• GT Metrix
• Load Impact

浏览器兼容性测试工具

• browsershots
• Brower Sandbox
• ResponsInator - 在线移动手机页面测试工具

其他

• User Agent String
• 网站测速

更多工具可以查看官方文档

开源地址：

https://github.com/tanwei-cc/frontend-dev-tools

更多更优质的资讯，请关注我，你的支持会鼓励我不断分享更多更好的优质文章。