元宵福利！2018年3月前端開發者超實用干貨大合集

Thoriq Firdaus - 多年來，我一直致力于尋找新的工具，新的素材，我親眼目睹了各種工具的來來去去浮浮沉沉。根據經驗，每周都會誕生幾個相當不錯的新工具，不過在過去的幾周當中，我發覺到這種頻率似乎有所減緩。我花費了比平常多一些的時間在Github 中發掘新的、免費的優秀的工具和代碼。

在今天的文章當中，我列舉出了一些最新的 JavaScript 框架，測試工具，以及用于開發 WordPress 網站的工具組合。

Kutt

這款工具能夠使用你的域名生成短域名，它建立在 Node.js、React 和 Redux 等頂級現代堆棧之上，并且內置了一些其他的功能，比如密碼保護URL，RESTful API 和監控 URL 的統計功能等。這款工具是完全免費的，你可以將它托管在你自己的服務器上。

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的版本。

【2018年設計趨勢，一個都不要錯過】

1. 《2018年，這10個LOGO設計趨勢值得你關注》
2. 《超全面總結！2017年UI設計領域流行過這21個設計趨勢》
3. 《掌握這12個移動端UX設計趨勢，你就掌控了2018年》
4. 《這款獨特的紫色，是為你指引2018年設計方向的年度潘通色》

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com