前端工程师都有用哪些比较靠谱的小工具？(转)

╰+哭是因爲堅強的太久メ 2021-09-19 21:38 311阅读 0赞

Wappalyzer 是一个用于识别网站使用的库和框架的工具。它也是一个 Chrome 插件，是目前为前端开发人员最有用的工具之一。下一次你想知道一个网站使用什么库，来创建一个特定的可视化功能，Wappalyzer 帮你搞定。

![v2-ce3096df70be5fc659501469d3645db9_hd.jpg][]

### [What the Font][] ###

字体是设计中相当重要的组成部分，而这个工具就是能帮你找到，当前网站用的什么字体。这是个 chrome 插件，只需要简单的点击一下即可出现字体的详情。

![v2-d3f8831644ccd472d7e5ac78cbca5606_hd.jpg][]

###    [Postman][] ###

前端开发人员工作时，经常需要查询或调用 API 。Postman 是一个方便的工具，可以帮助你向API发出请求。当开发人员需要调试一个网页是否运行正常，并不是简简单单地调试网页的 HTML、CSS、脚本等信息是否运行正常，更加重要的是网页能够正确是处理各种 HTTP 请求，毕竟网页的 HTTP 请求是网站与用户之间进行交互的非常重要的一种方式，在动态网站中，用户的大部分数据都需要通过 HTTP 请求来与服务器进行交互。

![v2-c08ae8ff29a4d002b8be7a80aa947353_hd.jpg][]

Postman 插件就充当着这种交互方式的“桥梁”，它可以把各种模拟用户 HTTP 请求的数据发送到服务器，以便开发人员能够及时地作出正确的响应，或者是对产品发布之前的错误信息提前处理，进而保证产品上线之后的稳定性和安全性。

### [程序员客栈][Link 1] ###

程序员客栈是领先的程序员自由工作平台，倡导未来互联网企业的用人方式。您可以点击下方链接了解并联系：

[程序员客栈-领先的程序员自由工作平台www.proginn.com![图标][v2-bb10b4b531b24f7e027ac67ce4e36c4b_180x120.jpg]][Link 1]

程序员客栈可以帮助技术开发者精准匹配你所擅长的领域的项目，帮助你开展副业，甚至帮助你实现全职的远程工作，并且获得可观的收入。

### **一、素材类网站** ###

**[千库网][Link 2]：**一个免费下载图片素材的网站

![v2-42c7a5f325f6ce7126839b4ba69dd175_hd.jpg][]

**[Unsplash | Free High-Resolution Photos][Unsplash _ Free High-Resolution Photos]**

[Unsplash][Unsplash _ Free High-Resolution Photos]是一个分享免费高质量照片的网站，照片分辨率都挺大，而且都是真实的摄影师作品，图片多是风景和静物。

![v2-111f0be2462107d8411c8386abc53caf_hd.jpg][]

### **二、配色类网站** ###

**[Color Hunt][]**

这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。

![v2-49d0487268c7eecba4546aa1b2e64f06_hd.jpg][]

**[Adobe Color CC][]**

这个是Adobe公司出的，他提供了多种配色方案。我们点击圆盘中间的点，就可以调整出我们想要的配色方案。

![v2-28d2a35e77ff522c1f87e178b08c1d3d_hd.jpg][]

**[http://www.colorhunter.com/][http_www.colorhunter.com]**

这是一个提取现有图片配色方案的工具。我们上传一张图片，它就会帮我们把图片的配色提取出来供我们使用。

![v2-3253287ab74e3dfb3ad0f17f7f30b57d_hd.jpg][]

**[Web安全色][Web]**

这个网站是为WEB设计，开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码，复制粘贴就可以了。

![v2-ee523a9765ef645131fcec5b75533e36_hd.jpg][]

**[RGB颜色值与十六进制颜色码转换工具][RGB]**

这是一个在线RGB和十六进制颜色码转换工具。在对应的位置填入十六进制代码，点击转换，我们就可以获取到RGB颜色的代码了。

![v2-26ec407431e13802e0b838b2efa501dd_hd.jpg][]

### **三、图标类网站** ###

**[Iconfont 阿里巴巴矢量图标库][Iconfont]**

这是阿里巴巴旗下的图标库网站，直接搜索关键词就可以找到大批的图标。下载图标的时候我们还可以选择颜色、大小、格式，根据自己的需要下载就好了。

![v2-7b48bf55f3ad18d1a2d35980db3a407e_hd.jpg][]

**[PNG、ICO、ICNS 格式图标搜索下载\_easyicon.net][PNG_ICO_ICNS _easyicon.net]**

这也是一个非常有名的图标库，与上面那个不同的是，这里的图标不是单一颜色的，而是设计好的颜色。下载图标也很简单，直接点击对应图标上面的格式就可以下载。

![v2-9e5cae0f6366d5ec804663c3a48c8086_hd.jpg][]

**[Font Awesome图标搜索][Font Awesome]**

奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。

![v2-187d7e016b1fcf6c3d950465ad375428_hd.jpg][]

### **四、字体类网站** ###

**[在线字体-有字库][-]：**一个免下载字体，直接在线引用字体的网站。

![v2-d56e898ba829cf5312d69ca3b8e81a59_hd.jpg][]

![v2-ae1cefaeffb8cdecbdc1b78b8999b45c_hd.jpg][]

### **五、工具类** ###

**[在线工具 - 程序员的工具箱][- 1]：**一个在线工具网站，包含大量在线工具

![v2-0cf823177bd39d5e66b3ab45bc943402_hd.jpg][]

## JavaScript 库/框架 ##

![v2-2cc1f3bdb06755066ccdd29349f0abc8_hd.jpg][]

JavaScript是全世界最受欢迎的Web编程语言。人们为了快捷开发网站或应用预先编写一些JS类库。你可以通过一些公用CDN很方便地在自己的网站上引入这些库：

*  [jQuery][]: 方便快捷，功能强大全面，居家旅行必备，近乎JS的替代品，你可以不会js，但是不能不会jQuery。
 *  [BackBoneJS][]: 模型、视图、集合、事件，让你的前端代码更有框架感。
 *  [D3.js][]: 数据可视化必学必会，只有你想不出来的，没有D3画不出来的。
 *  [React:][React] 学会React，再学学React-native，你就能从一个前端化身Web app工程师、IOS/Andorid开发者、桌面应用工程师……
 *  [jQuery UI][]: 几行代码就能写一个带动画带ajax的Web应用。
 *  [jQuery Mobile][]: 移动端专用js开发框架，和上面的类似。
 *  [Underscore.js][]: 非入侵式框架，提供了众多有用的函数方法，弥补jQuery的不足。
 *  [Moment.js][]: 原生的JS显示输出日期时间真的很痛苦，Moment为你解决了一切啦～
 *  [Lodash][]: 模块化且高效，lodash和underscore很相似。

## 前端框架 ##

![v2-d1661d939589ed36948a49bbfae7fa3a_hd.jpg][]

*  [Bootstrap][]: 全世界最流行的响应式前端框架。
 *  [Foundation][]: 提供了很多模版，针对网站、移动端、邮件提供了很多好用的模块和样式。
 *  [Semantic UI][]: 个人非常喜欢的一个前端框架，样式非常好看，更重要的是就像它语义UI的名称一样，类命名特别友好，写网页就像和人说话一样。
 *  [uikit][]: 漂亮、可定制，即将发布uikit3版本，感兴趣可以试试看。

## Web应用框架 ##

![v2-566e6127ad1869db60788fdcf70792d4_hd.jpg][]

*  [Ruby on Rails][]: Ruby on Rails 是一款用ruby语言编写Web应用的MVC框架，github就是用它写的！
 *  [AngularJS][]: Google主导的Web开发框架，数据绑定、MVVM，很可惜被后来更灵活的React、Vue等框架抢去了风头。
 *  [Ember.js][]: 用来开发单页Web应用的JS前端MVC框架。
 *  [Express][]: Node.js上的Web框架，搭建网站或API服务只要一秒钟！
 *  [Meteor][]: JS全端框架，是的，你只需要学习JavaScript一门语言，就可以完成Web应用前后端、数据库的开发。
 *  [Django][]: Python的Web框架，人生苦短，请用Python.
 *  [Flask][]: Python的Web框架，据说只要学好flask就能随意找到好工作？
 *  [ASP.net][]: 老一辈人的最爱。
 *  [Laravel][]: 最优雅性感的PHP Web框架，好用到不能再好用，优雅到不能再优雅，毕竟PHP是全世界最好的语言嘛。
 *  [Phalcon][]: 用C语言扩展的，据说是最快的PHP框架。

## 自动化构建/包管理 ##

![v2-0176f75c70d32d4f533f5af1bc1dc7d6_hd.jpg][]

*  [Grunt][]: JavaScript自动化工具。
 *  [Gulp][]: 个人感觉是最好用的自动化构建工具。
 *  [webpack][]：模块化加载构建一切，CSS/JS连图片都可以
 *  [npm][]: NPM虽好，但不要太依赖。
 *  [Bower][]: 前端框架包管理工具，各类框架和库一键安装。

## 编程语言 ##

![v2-95a31b8b965dc27acf6df9eb7345b5b8_hd.jpg][]

*  [PHP][]: 全世界最好的语言不解释。
 *  [NodeJS][]: 可以运行在服务器端的JS，只需学习一门语言即可全栈编程。
 *  [Javascript][]: 日益强大的脚本语言，现如今学前端基本就是学JS编程。
 *  [HTML5][]: 网页的标记语言。
 *  [Python][]: 人生苦短，请用Python。比好用更好用。
 *  [Ruby][]: 简洁高效，学Ruby基本就是为了学用rails
 *  [Scala][]: 兼容函数式、面向对象、命令式编程，可以和JAVA互通。
 *  [CSS3][]: 网页的样式。
 *  [SQL][]: 操作数据库必学。
 *  [Golang][]: Google出品，简单易用。
 *  [Rust][]: 高效高性能，保证线程安全，防止声明错误。
 *  [Elixir][]: 开发扩展可持续的应用的动态函数式语言。

## 数据库 ##

![v2-adf071236df823dedd1fd993d508b7ba_hd.jpg][]

*  [MySQL][]: 开源免费性能好，全世界都在用它。
 *  [MariaDB][]: 日趋流行起来，同样由MySQL的开发者创造的数据库。
 *  [MongoDB][]: 非关数据库，通常在[MEAN][]/[MERN][]架构中使用。
 *  [Redis][]: 提升应用数据访问性能，内存读写并可持久化储存的数据库。
 *  [PostgreSQL][]: 功能强大完整，兼容数据类型丰富，并且开源免费。

## CSS预处理器 ##

![v2-e56e4c7afc11bc1625963e28e5a2f581_hd.jpg][]

*  [Sass][]: CSS的扩展，可以声明变量，引入模块，嵌套属性等等。
 *  [Less][]: 为CSS添加声明变量，样式模块，命名空间，继承等特性。
 *  [Stylus][]: 写CSS再也不用写烦人的括号啦～

## 代码编辑器 ##

![v2-89bd662d50e4c2945e5d19d3fc7fbe6d_hd.jpg][]

*  [Atom][]: Github的发明，基于Web技术开发，漂亮又好用。
 *  [Sublime Text][]: 最性感的代码编辑器，你会因为爱上一款编辑器而爱上写代码。
 *  [Notepad++][Notepad]: Win平台下开源好用的代码编辑器，不需要装什么插件就已经很棒啦。
 *  [Visual Studio Code][]: 很多人也推荐并且喜欢用VS Code这款微软出品的编辑器。
 *  [TextMate][]: OSX上的一款比较火的编辑器。
 *  [Coda 2][]: OSX平台，你可以在这款编辑器里写代码、连接远程FTP/SSH/数据库，还能查询手册，代码方法快捷查询等等，一款编辑器满足你写网站的所有需求。
 *  [WebStorm][]: JS开发利器。
 *  [Vim][]: Vim是编辑器里神一般的存在。
 *  [Brackets][]: Adobe公司出品的一款编辑器，预览功能很不错。
 *  [Emacs][]: 也有很多人喜欢支持Emacs啦。

## Markdown编辑器 ##

![v2-112928ebc84a3b465dcf11cadfda1d6e_hd.jpg][]

*  [StackEdit][]: 一款在线Markdown编辑器。
 *  [Dillinger][]: 同上。
 *  [Mou][]: Mac上一款非常棒的Markdown编辑器，不过据说作者重酬之后携款跑路了？
 *  [ulysses][]: 很棒的一款Markdown写作软件，可以生成为任何格式。

## 图标库 ##

![v2-03c7d0d29b8d63f49567dca625cceaa4_hd.jpg][]

*  [Font Awesome][Font Awesome 1]: 全世界最流行的图标库。
 *  [IconMonster][]: 在线免费图标库。
 *  [Icons8][]
 *  [IconFinder][]
 *  [Fontello][]

## 版本管理应用 ##

![v2-10fd5ca514380aa5dedd2118bd7fff40_hd.jpg][]

*  [SourceTree][]: 最好用的Git图形化客户端。
 *  [GitKraken][] (Beta): 一款免费好用的全平台Git客户端。
 *  [Tower 2][]: 界面很好看。
 *  [GitHub Client][]: Github官方桌面客户端。
 *  [Gogs][]: Go语言开发的可以自主搭建的开源托管平台。
 *  [GitLab][]: 免费的私有项目Git托管。

## 本地开发环境 ##

![v2-9dd6c3c9c40833949631feb4a939ef3a_hd.jpg][]

*  [XAMPP][]: 免费的 MariaDB, PHP, and Perl软件集合安装包。
 *  [MAMP][]: 提供Mac上PHP开发运行环境。
 *  [WampServer][]: Windows 下最好用的包含 Apache2, PHP MySQL 的开发运行环境。
 *  [Vagrant][]: 虚拟机软件。
 *  [Laragon][]: 喜欢Laravel的话，用这个最棒咯。

## 代码差异检查 ##

![v2-26d4e5ba29a142d675551f63bb18420c_hd.jpg][]

*  [Diffchecker][]: 一款在线的检查代码异同的小工具。
 *  [Beyond Compare][]: 检查代码修改差异的软件。

## 在线编程 ##

![v2-570954724f8fc51ce00facab3fc1d891_hd.jpg][]

*  [JS Bin][]: 在线编写并运行HTML/CSS/JS网页代码。
 *  [JSfiddle][]: 同上。
 *  [codeshare][]: 实时和其他开发者共享你的代码。
 *  [Dabblet][]: 交互测试HTML/CSS代码。
 *  [Cloud9][]: 一键创建在线开发环境，完整的服务器操作命令行，代码在线编辑，项目在线运行，还可以分享链接给他人预览，最重要的当然还是免费不要钱啦。

## 协作工具 ##

*  [Slack][]: 团队通信应用。
 *  [Teambition][]: 号称最好用的团队协作工具。
 *  [Worktile][]: 一站式企业协同管理平台.

## 交流社区 ##

![v2-c1a2c2621075aed8a7ffef090585fefc_hd.jpg][]

*  [CodePen][]: 在线分享编写你的前端代码，推荐！
 *  [Dribble][]: 设计师分享社区，灵感的源泉。

## Web性能测试 ##

![v2-2a594df6f1a245e8a438a839316d7c80_hd.jpg][]

*  [Website Speed Test][]: 网站载入速度测试。
 *  [Google PageSpeed Insights][]: PageSpeed 是谷歌的网页测试工具，通过检测评分给你优化建议。
 *  [Google Chrome DevTools][]: 谷歌开发者工具。
 *  [WebPageTest][]: 模拟从世界各地载入你网页的检测工具。
 *  [Pingdom][]
 *  [GTmetrix][]

## Web开发社区 ##

![v2-6ab7797381d03ece1a9a7fee09aa9e12_hd.jpg][]

*  [掘金][Link 3]： 高质量的技术社区，国内算是最好的了。
 *  [Stack Overflow][]
 *  [Front-end Front][]
 *  [Hashnode][]
 *  [Refind][]
 *  [Google+ Web Developers Group][Google_ Web Developers Group]
 *  [Google+ Web Developers Group][Google_ Web Developers Group 1]
 *  [Facebook WordPress Front-end Developers Group][]
 *  [LinkedIn Web Design and Development Professionals Group][]
 *  [LinkedIn Web Site Development Group][]
 *  [LinkedIn PHP Developer Group][]
 *  [LinkedIn WordPress Developers Group][]
 *  [Webdeveloper.com][]
 *  [Sitepoint Forums][]

上面工作向的生产力工具介绍完了，下面在介绍两个娱乐向的生产力工具。舒适的工作环境有助于提升效率。

### [Boom 2][] ###

Boom for Mac，可以有效地提高苹果操作系统的音质，具有各种音效增强工具，比如提高系统的音量，改善语音聊天或者音乐播放的音效等，同时 Boom Mac 还具有加大音频文件音量的功能。比如下载的音乐音量太小，可以使用 Boom Mac 处理后再同步到苹果设备中。

![v2-feede3f669a83f3000f658e19ea4d9bf_hd.jpg][]

### [http://Noiz.io][http_Noiz.io] ###

很多创意工作者喜欢咖啡店的氛围，[http://Noiz.io][http_Noiz.io 1]（有 mac 和 iOS 版本）可以让你的拥有这种氛围，可以调节出咖啡店，雨天，雷电和海浪的感觉。

![v2-826ebcea4bcbfbb5a9ee7aeb1b911f18_hd.jpg][]

原文链接：https://www.zhihu.com/question/20241338/answer/641925038

[v2-ce3096df70be5fc659501469d3645db9_hd.jpg]: /images/20210726/337fad48c1954ef1923f23b28b5efd30.png
[What the Font]: https://link.zhihu.com/?target=https%3A//www.myfonts.com/WhatTheFont/
[v2-d3f8831644ccd472d7e5ac78cbca5606_hd.jpg]: /images/20210726/e582dcc36a24423dadb53db1417e63d9.png
[Postman]: https://link.zhihu.com/?target=https%3A//www.getpostman.com/
[v2-c08ae8ff29a4d002b8be7a80aa947353_hd.jpg]: /images/20210726/7cde3b47dc4c4cb5840058fff08e7db7.png
[Link 1]: https://link.zhihu.com/?target=https%3A//www.proginn.com/
[v2-bb10b4b531b24f7e027ac67ce4e36c4b_180x120.jpg]: https://pic4.zhimg.com/v2-bb10b4b531b24f7e027ac67ce4e36c4b_180x120.jpg
[Link 2]: https://link.zhihu.com/?target=http%3A//588ku.com/
[v2-42c7a5f325f6ce7126839b4ba69dd175_hd.jpg]: /images/20210726/e8ca9aef09074480a850eeee208c8cee.png
[Unsplash _ Free High-Resolution Photos]: https://link.zhihu.com/?target=https%3A//unsplash.com/
[v2-111f0be2462107d8411c8386abc53caf_hd.jpg]: /images/20210726/2c50ff92f86545d9ac94f137e0fa7328.png
[Color Hunt]: https://link.zhihu.com/?target=http%3A//colorhunt.co/
[v2-49d0487268c7eecba4546aa1b2e64f06_hd.jpg]: /images/20210726/be15424c08554be29c14e6a810a64a1b.png
[Adobe Color CC]: https://link.zhihu.com/?target=https%3A//color.adobe.com/zh/create/color-wheel
[v2-28d2a35e77ff522c1f87e178b08c1d3d_hd.jpg]: /images/20210726/f653a2b819694c0aab2d32e33b043e35.png
[http_www.colorhunter.com]: https://link.zhihu.com/?target=http%3A//www.colorhunter.com/
[v2-3253287ab74e3dfb3ad0f17f7f30b57d_hd.jpg]: /images/20210726/1da6ded9f857483faf5febb8e90cf448.png
[Web]: https://link.zhihu.com/?target=http%3A//www.bootcss.com/p/websafecolors/
[v2-ee523a9765ef645131fcec5b75533e36_hd.jpg]: /images/20210726/a97afeb2bfa3433b93d7e157da26b5db.png
[RGB]: https://link.zhihu.com/?target=http%3A//www.sioe.cn/yingyong/yanse-rgb-16/
[v2-26ec407431e13802e0b838b2efa501dd_hd.jpg]: /images/20210726/2738e3ed8c3147aabf40af70a1a29595.png
[Iconfont]: https://link.zhihu.com/?target=http%3A//www.iconfont.cn/plus
[v2-7b48bf55f3ad18d1a2d35980db3a407e_hd.jpg]: /images/20210726/b554d31ec71146fa836475d4ffcc08a8.png
[PNG_ICO_ICNS _easyicon.net]: https://link.zhihu.com/?target=http%3A//www.easyicon.net/iconsearch/ios/
[v2-9e5cae0f6366d5ec804663c3a48c8086_hd.jpg]: /images/20210726/e213ee21e9c14128bfebc9c02b841d1c.png
[Font Awesome]: https://link.zhihu.com/?target=http%3A//www.thinkcmf.com/font/search.html
[v2-187d7e016b1fcf6c3d950465ad375428_hd.jpg]: /images/20210726/48ebc7950b3d4311bdad266165a352cd.png
[-]: https://link.zhihu.com/?target=http%3A//www.youziku.com/onlinefont/index
[v2-d56e898ba829cf5312d69ca3b8e81a59_hd.jpg]: /images/20210726/17faea615f21445da33ac25099af257d.png
[v2-ae1cefaeffb8cdecbdc1b78b8999b45c_hd.jpg]: /images/20210726/f8c6eea000db47dca5951f58a5f0bca5.png
[- 1]: https://link.zhihu.com/?target=http%3A//tool.lu/
[v2-0cf823177bd39d5e66b3ab45bc943402_hd.jpg]: /images/20210726/7436532f9af3404e87ca2983aea4d67f.png
[v2-2cc1f3bdb06755066ccdd29349f0abc8_hd.jpg]: /images/20210726/8e82243670dc4c89909255acec330542.png
[jQuery]: https://link.zhihu.com/?target=http%3A//jquery.com/
[BackBoneJS]: https://link.zhihu.com/?target=http%3A//backbonejs.org/
[D3.js]: https://link.zhihu.com/?target=http%3A//d3js.org/
[React]: https://link.zhihu.com/?target=https%3A//facebook.github.io/react/
[jQuery UI]: https://link.zhihu.com/?target=http%3A//jqueryui.com/
[jQuery Mobile]: https://link.zhihu.com/?target=http%3A//jquerymobile.com/
[Underscore.js]: https://link.zhihu.com/?target=http%3A//underscorejs.org/
[Moment.js]: https://link.zhihu.com/?target=http%3A//momentjs.com/
[Lodash]: https://link.zhihu.com/?target=https%3A//lodash.com/
[v2-d1661d939589ed36948a49bbfae7fa3a_hd.jpg]: /images/20210726/8016e163e9c44e838b4c142ce0f6ca80.png
[Bootstrap]: https://link.zhihu.com/?target=http%3A//getbootstrap.com/
[Foundation]: https://link.zhihu.com/?target=http%3A//foundation.zurb.com/
[Semantic UI]: https://link.zhihu.com/?target=http%3A//semantic-ui.com/
[uikit]: https://link.zhihu.com/?target=http%3A//getuikit.com/
[v2-566e6127ad1869db60788fdcf70792d4_hd.jpg]: /images/20210726/2c1c689f6ffc4f3a80c913af200cb18a.png
[Ruby on Rails]: https://link.zhihu.com/?target=http%3A//rubyonrails.org/
[AngularJS]: https://link.zhihu.com/?target=https%3A//angularjs.org/
[Ember.js]: https://link.zhihu.com/?target=http%3A//emberjs.com/
[Express]: https://link.zhihu.com/?target=http%3A//expressjs.com/
[Meteor]: https://link.zhihu.com/?target=https%3A//www.meteor.com/
[Django]: https://link.zhihu.com/?target=https%3A//www.djangoproject.com/
[Flask]: https://link.zhihu.com/?target=http%3A//flask.pocoo.org/
[ASP.net]: https://link.zhihu.com/?target=https%3A//www.microsoft.com/web/platform/framework.aspx
[Laravel]: https://link.zhihu.com/?target=https%3A//laravel.com/
[Phalcon]: https://link.zhihu.com/?target=https%3A//phalconphp.com/en/
[v2-0176f75c70d32d4f533f5af1bc1dc7d6_hd.jpg]: /images/20210726/4341902cc2654246bd88d930d66b15d9.png
[Grunt]: https://link.zhihu.com/?target=http%3A//gruntjs.com/
[Gulp]: https://link.zhihu.com/?target=http%3A//gulpjs.com/
[webpack]: https://link.zhihu.com/?target=http%3A//webpack.github.io/
[npm]: https://link.zhihu.com/?target=https%3A//www.npmjs.com/
[Bower]: https://link.zhihu.com/?target=http%3A//bower.io/
[v2-95a31b8b965dc27acf6df9eb7345b5b8_hd.jpg]: /images/20210726/488334097df6498ea5d3cb1fab1d7fd2.png
[PHP]: https://link.zhihu.com/?target=http%3A//php.net/
[NodeJS]: https://link.zhihu.com/?target=https%3A//nodejs.org/en/
[Javascript]: https://link.zhihu.com/?target=https%3A//en.wikipedia.org/wiki/JavaScript
[HTML5]: https://link.zhihu.com/?target=https%3A//www.w3.org/TR/html5/
[Python]: https://link.zhihu.com/?target=https%3A//www.python.org/
[Ruby]: https://link.zhihu.com/?target=https%3A//www.ruby-lang.org/en/
[Scala]: https://link.zhihu.com/?target=http%3A//www.scala-lang.org/
[CSS3]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/en-US/docs/Web/CSS/CSS3
[SQL]: https://link.zhihu.com/?target=https%3A//en.wikipedia.org/wiki/SQL
[Golang]: https://link.zhihu.com/?target=https%3A//golang.org/
[Rust]: https://link.zhihu.com/?target=https%3A//www.rust-lang.org/
[Elixir]: https://link.zhihu.com/?target=http%3A//elixir-lang.org/
[v2-adf071236df823dedd1fd993d508b7ba_hd.jpg]: /images/20210726/cd09a4287c904160a58bfd16a00ea8c6.png
[MySQL]: https://link.zhihu.com/?target=https%3A//www.mysql.com/
[MariaDB]: https://link.zhihu.com/?target=https%3A//mariadb.org/
[MongoDB]: https://link.zhihu.com/?target=https%3A//www.mongodb.org/
[MEAN]: https://link.zhihu.com/?target=http%3A//mean.io/
[MERN]: https://link.zhihu.com/?target=http%3A//mern.io/
[Redis]: https://link.zhihu.com/?target=http%3A//redis.io/
[PostgreSQL]: https://link.zhihu.com/?target=http%3A//www.postgresql.org/
[v2-e56e4c7afc11bc1625963e28e5a2f581_hd.jpg]: /images/20210726/6ac79c6451864ef492ac48a9bcbc5341.png
[Sass]: https://link.zhihu.com/?target=http%3A//sass-lang.com/
[Less]: https://link.zhihu.com/?target=http%3A//lesscss.org/
[Stylus]: https://link.zhihu.com/?target=http%3A//stylus-lang.com/
[v2-89bd662d50e4c2945e5d19d3fc7fbe6d_hd.jpg]: /images/20210726/ef8afe57820644bf9f2eb5e58f4e62ea.png
[Atom]: https://link.zhihu.com/?target=https%3A//atom.io/
[Sublime Text]: https://link.zhihu.com/?target=http%3A//www.sublimetext.com/
[Notepad]: https://link.zhihu.com/?target=https%3A//notepad-plus-plus.org/
[Visual Studio Code]: https://link.zhihu.com/?target=https%3A//www.visualstudio.com/products/code-vs
[TextMate]: https://link.zhihu.com/?target=https%3A//macromates.com/
[Coda 2]: https://link.zhihu.com/?target=https%3A//panic.com/coda/
[WebStorm]: https://link.zhihu.com/?target=https%3A//www.jetbrains.com/webstorm/
[Vim]: https://link.zhihu.com/?target=http%3A//www.vim.org/
[Brackets]: https://link.zhihu.com/?target=http%3A//brackets.io/
[Emacs]: https://link.zhihu.com/?target=https%3A//www.gnu.org/software/emacs/
[v2-112928ebc84a3b465dcf11cadfda1d6e_hd.jpg]: /images/20210726/42010574fa954065a56e4a1bb5199a5a.png
[StackEdit]: https://link.zhihu.com/?target=https%3A//stackedit.io/
[Dillinger]: https://link.zhihu.com/?target=http%3A//dillinger.io/
[Mou]: https://link.zhihu.com/?target=http%3A//25.io/mou/
[ulysses]: https://link.zhihu.com/?target=https%3A//www.ulyssesapp.com/
[v2-03c7d0d29b8d63f49567dca625cceaa4_hd.jpg]: /images/20210726/47334c133051447e84c2442fdfd89630.png
[Font Awesome 1]: https://link.zhihu.com/?target=http%3A//fontawesome.io/
[IconMonster]: https://link.zhihu.com/?target=http%3A//iconmonstr.com/
[Icons8]: https://link.zhihu.com/?target=https%3A//icons8.com/
[IconFinder]: https://link.zhihu.com/?target=https%3A//www.iconfinder.com/
[Fontello]: https://link.zhihu.com/?target=http%3A//fontello.com/
[v2-10fd5ca514380aa5dedd2118bd7fff40_hd.jpg]: /images/20210726/65bf777be488454badd3f8387a3336c7.png
[SourceTree]: https://link.zhihu.com/?target=https%3A//www.sourcetreeapp.com/
[GitKraken]: https://link.zhihu.com/?target=http%3A//www.gitkraken.com/
[Tower 2]: https://link.zhihu.com/?target=https%3A//www.git-tower.com/
[GitHub Client]: https://link.zhihu.com/?target=https%3A//desktop.github.com/
[Gogs]: https://link.zhihu.com/?target=https%3A//gogs.io/
[GitLab]: https://link.zhihu.com/?target=https%3A//about.gitlab.com/gitlab-com/
[v2-9dd6c3c9c40833949631feb4a939ef3a_hd.jpg]: /images/20210726/7f8533523d7f4fe2b0feb90e8203a73e.png
[XAMPP]: https://link.zhihu.com/?target=https%3A//www.apachefriends.org/index.html
[MAMP]: https://link.zhihu.com/?target=https%3A//www.mamp.info/en/
[WampServer]: https://link.zhihu.com/?target=http%3A//www.wampserver.com/en/
[Vagrant]: https://link.zhihu.com/?target=https%3A//www.vagrantup.com/
[Laragon]: https://link.zhihu.com/?target=https%3A//laragon.org/
[v2-26d4e5ba29a142d675551f63bb18420c_hd.jpg]: /images/20210726/5464edc82d4745808fede62ecdd615e4.png
[Diffchecker]: https://link.zhihu.com/?target=https%3A//www.diffchecker.com/
[Beyond Compare]: https://link.zhihu.com/?target=http%3A//www.scootersoftware.com/
[v2-570954724f8fc51ce00facab3fc1d891_hd.jpg]: /images/20210726/fdcb6292686d480899c919e8acf70fba.png
[JS Bin]: https://link.zhihu.com/?target=http%3A//jsbin.com/
[JSfiddle]: https://link.zhihu.com/?target=https%3A//jsfiddle.net/
[codeshare]: https://link.zhihu.com/?target=https%3A//codeshare.io/
[Dabblet]: https://link.zhihu.com/?target=http%3A//dabblet.com/
[Cloud9]: https://link.zhihu.com/?target=https%3A//c9.io/
[Slack]: https://link.zhihu.com/?target=https%3A//slack.com/
[Teambition]: https://link.zhihu.com/?target=https%3A//www.teambition.com/
[Worktile]: https://link.zhihu.com/?target=https%3A//worktile.com/
[v2-c1a2c2621075aed8a7ffef090585fefc_hd.jpg]: /images/20210726/4f3758acfe8241069ee453093bd9e659.png
[CodePen]: https://link.zhihu.com/?target=http%3A//codepen.io/
[Dribble]: https://link.zhihu.com/?target=https%3A//dribbble.com/
[v2-2a594df6f1a245e8a438a839316d7c80_hd.jpg]: /images/20210726/529e06133c2349e2905bfcd25043e74f.png
[Website Speed Test]: https://link.zhihu.com/?target=https%3A//tools.keycdn.com/speed
[Google PageSpeed Insights]: https://link.zhihu.com/?target=https%3A//developers.google.com/speed/pagespeed/insights/
[Google Chrome DevTools]: https://link.zhihu.com/?target=https%3A//developers.google.com/web/tools/chrome-devtools/%3Fhl%3Den
[WebPageTest]: https://link.zhihu.com/?target=http%3A//www.webpagetest.org/
[Pingdom]: https://link.zhihu.com/?target=http%3A//tools.pingdom.com/fpt/
[GTmetrix]: https://link.zhihu.com/?target=https%3A//gtmetrix.com/
[v2-6ab7797381d03ece1a9a7fee09aa9e12_hd.jpg]: /images/20210726/574d8ba4b32b4c108eb4893307bfaa16.png
[Link 3]: https://link.zhihu.com/?target=http%3A//gold.xitu.io/
[Stack Overflow]: https://link.zhihu.com/?target=http%3A//stackoverflow.com/
[Front-end Front]: https://link.zhihu.com/?target=https%3A//frontendfront.com/
[Hashnode]: https://link.zhihu.com/?target=https%3A//hashnode.com/
[Refind]: https://link.zhihu.com/?target=https%3A//refind.com/
[Google_ Web Developers Group]: https://link.zhihu.com/?target=https%3A//plus.google.com/u/0/communities/114175980151299757659
[Google_ Web Developers Group 1]: https://link.zhihu.com/?target=https%3A//plus.google.com/communities/114947356043496560984
[Facebook WordPress Front-end Developers Group]: https://link.zhihu.com/?target=https%3A//www.facebook.com/groups/wpfrontenddevs/
[LinkedIn Web Design and Development Professionals Group]: https://link.zhihu.com/?target=https%3A//www.linkedin.com/groups/139851/profile
[LinkedIn Web Site Development Group]: https://link.zhihu.com/?target=https%3A//www.linkedin.com/groups/2192521/profile
[LinkedIn PHP Developer Group]: https://link.zhihu.com/?target=https%3A//www.linkedin.com/groups/2195403/profile
[LinkedIn WordPress Developers Group]: https://link.zhihu.com/?target=https%3A//www.linkedin.com/groups/3722491
[Webdeveloper.com]: https://link.zhihu.com/?target=http%3A//www.webdeveloper.com/forum/
[Sitepoint Forums]: https://link.zhihu.com/?target=https%3A//www.sitepoint.com/community/
[Boom 2]: https://link.zhihu.com/?target=http%3A//www.globaldelight.com/boom/index.php
[v2-feede3f669a83f3000f658e19ea4d9bf_hd.jpg]: /images/20210726/93a9d7dedb2349a28a2c88c1c30615d4.png
[http_Noiz.io]: https://link.zhihu.com/?target=http%3A//noiz.io/
[http_Noiz.io 1]: https://link.zhihu.com/?target=http%3A//Noiz.io
[v2-826ebcea4bcbfbb5a9ee7aeb1b911f18_hd.jpg]: /images/20210726/26337c83436a4ffeb4ba2d7440f93f14.png