當前位置：首頁 >教程首頁 > Dreamweaver >【分享】前端開發者超實用幹貨大合集！

【分享】前端開發者超實用幹貨大合集！

發布時間：2018-11-17 19:57:24

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

（本文轉載於：優設網，譯者：@陳子木，譯文地址：http://www.uisdc.com/developers-monthly-03-2018）

上一篇【分享】4月前端開發者超實用幹貨大合集！

下一篇前端福利！10個免費好用功能強大的網頁動畫效果庫

返回列表

华体会hth体育网賞析

2101期學員李思庭作品
2104期學員林雪茹作品
2107期學員趙淩作品
2107期學員趙燃作品
2106期學員徐正浩作品
2106期學員弓莉作品
2105期學員白羽新作品
2107期學員王佳蕊作品

熱門課程

專業講師指導快速擺脫技能困惑

多種教程總有一個適合自己

專業問題谘詢

你擔心的問題，火星幫你解答

UE5軟件開發學習路線——揭秘遊戲開發的核心技能 | 火星時代

本文詳細說明了UE5軟件開發的學習路線，助你快速掌握UE5開發技能，邁向遊戲開發行業的巔峰。
掌握UE4智慧城市學習，步入火星時代教育 | 虛擬現實學習平台

提供關於UE4智慧城市從初學到精通的全麵指導。在火星時代教育的引導下，我們可以利用虛擬現實技術更深入地理解城市設計的複雜性。
UI設計培訓學校排名及選擇技巧 - 火星時代

本文解析了UI布局設計培訓學校的排名信息，以及如何選一所適合自己的UI設計培訓學校，火星時代作為知名UI設計培訓機構，為你提供......
UI設計哪家培訓機構比較好 - 探究火星時代教育

本文將為您介紹哪家UI設計培訓機構更優秀，並詳細分析火星時代教育的優勢。
精快速掌握UE設計的短期速成班

火星時代教育的UE設計短期速成班，專業教師一對一授課，為您的設計夢想加速。
UI設計官方培訓：獨特視角，創新設計，火星時代教育

了解UI設計官方認證培訓，探索火星時代教育並揭示其在用戶界麵設計領域的影響力。改變你的設計思維，提升你的設計技能。