微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

Thoriq Firdaus – 多年来，我一直致力于寻找新的工具，新的素材，我亲眼目睹了各种工具的来来去去浮浮沉沉。根据经验，每周都会诞生几个相当不错的新工具，不过在过去的几周当中，我发觉到这种频率似乎有所减缓。我花费了比平常多一些的时间在Github 中发掘新的、免费的优秀的工具和代码。

在今天的文章当中，我列举出了一些最新的 JavaScript 框架，测试工具，以及用于开发 WordPress 网站的工具组合。

Kutt

这款工具能够使用你的域名生成短域名，它建立在 Node.js、React 和 Redux 等顶级现代堆栈之上，并且内置了一些其他的功能，比如密码保护URL，RESTful API 和监控 URL 的统计功能等。这款工具是完全免费的，你可以将它托管在你自己的服务器上。

在这里我还是要推荐下我自己建的web前端开发学习群：617327703，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

WordHat

WordHat 是一个将 BeHat 整合到 WordPress 的工具。Behat 是一个用于 PHP 的开源行为驱动开发框架（BDD），让你能够通过更具有表现力的方式来测试你的PHP 应用程序。你会发现这个工具非常有用，因为你的Wordpress 主题和插件会因此拥有更加复杂的功能。

WP Browser

和 WordHat 类似，这是一个专门为 WordPress 应用、主题、和插件所准备的Codeception 插件。Codeception 是一种在你的应用之上执行测试的工具，类似于 PHPUnit 和 Behat，但是它更为强大。

Node WP Internationalization

这个工具的名字其实就很能说明它的特色了，它是一个能自动化地为你的主题或者插件生成许多国际化内容的NodeJS模块。安装这一模块，并且输入 wpi18n makepot 就能在你的Wordpress 插件和主题中生成翻译好的文本。

Thanks

这也是一个在 Github 上发现的 NodeJS模块。这个名为 Thanks 的工具能够帮助开源软件生成软件维护者的列表，并且链接到他们的 OpenCollective 页面或者捐赠页面，作为他们对于社区贡献的感谢的标志。

Create Guten Block

这是一个NPM模块，用来生成具有现代堆栈的 Gutenberg 块开发板，比如 React、Webpack、Babel 和 Sass。只需要输入命令行 create-guten-block 就能够完成设置。

WP Vue

WP Vue 是一个使用 Vue 来构建的模板，用来显示 WordPress 文章。如果你想让你的Wordpress 站点无头，那么这个模板是一个很好的起点。

Stimulus

这是来自 Basecamp 的一个全新的JS框架。和 React 和 Vue 不同，它并不会强迫你使用JS来重写整个应用或者添加合成属性。

StimulusJS 可以和已知数据属性的HTML一起联动，它不需要复杂的配置，你可有简单地在网页添加脚本，就像使用jQuery 那样。

Manta

这是一个用来创建和管理发票的免费应用。你可以在其中添加说明，设置货币和折扣，添加客户和客户列表，添加LOGO，设计发票模板，并且使用PDF格式统一下载。它针对 macOS、Windows 和 Linux 三大操作系统都有对应的版本。

React Static

顾名思义，这个名为 React Static 的工业能够让你使用 React 生成静态的网站。它捆绑了一堆预先配置好的工具，因此你有了它可以直接开始制作内容了。

Piklist

Piklist 是一个 WordPress 开发工具，你可以借助它使用较少的 WordPress 代码构建复杂的网站。

Strapi

这是一个用来构建内容API 的 CMS 框架，它允许你自己设计自己的内容结构和API，并且提供一个漂亮的控制面板来管理他们。不过Strapi 并没有内置的模板系统，你可以选择自己喜欢的任何前端库，比如 React 和 Vue。

ParcelJS

ParcelJS 是一个和 Webpack 和 Browserify 非常相似的打包程序，除了速度更快并且无需配置之外。它支持 HTML、JS、CSS 和 PostCSS 以及 Babel等。它让你更加专注于代码本身，而不是在配置上浪费时间。

GoodShare

这是一个用来显示社交媒体按钮并且可以进行计数的JS库。它支持许多不同的社交媒体，甚至包括你很少听说的Vkontakte、Odnoklassniki、SurfingBird，而主流的 Skype、WhatsApp和 Line 等都在它的支持范围内。

CopyChar

这个网站允许你查找和复制各种各样的特殊字符到剪贴板。字母，标点，数学符号，甚至表情，不一而足。

Nerv

Neri 是另外一个反应型 VertualDOM库，它是 ReactJS 的替代品。

HyperappJS

HyperappJS 是一个值得研究的用来构建Web应用的JS库，它将状态管理和虚拟DOM引擎结合到了一起。

VulcanJS

Vulcan 是一系列用来构建现代 Web应用的工具合集，它与 React、GraphQL 和 Meteor 捆绑在一起。它是一个全栈框架，提供了一整套辅助性的程序组件，可以对前端和后端进行微调。

Koa11y

这是一个拥有 Windows、MacOS 和 Linux 三个平台版本的桌面端应用，用来检查网站上的可访问性问题的。Koa11y 会提供相应的通知和警告，来告知你网站是否违反了可访问性设计的标准。

TablePlus

这是一个有着非常漂亮的GUI的数据库管理应用。TablePlus 支持多种数据库引擎，包括 MySQL、SQLite、Redis、Postgres、MS SQL 等等。TablePlus 还有 Windows 和 macOS的版本。