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

更多更優質的資訊，請關注我，你的支持會鼓勵我不斷分享更多更好的優質文章。