工具

2019年8月前端開發(fā)者工具大合集

前端開發(fā)者工具推薦

3077

在過去的幾年當(dāng)中，PHP 的推進速度非常的快。在撰寫本文的時候，PHP 7.4 剛剛進入第一個的 Beta 階段。它在很多方面都有所改進，比如引入了新的語法，性能有所提升，并且棄用了一些不夠好的功能。

接下來，我們將會更多地探討 PHP 的功能以及圍繞著它所存在的整個前端、開發(fā)的生態(tài)。這次的前端工具合集，也大多是圍繞著它來選取的一些新的工具和代碼片段、軟件包以及相應(yīng)的框架，比如 Laravel 和 Vue.js。

下面我們仔細(xì)看看，都有哪些工具。

Vue Material

是一個符合 Google Material Design 設(shè)計規(guī)范以及 Vue.js 框架原則的的封裝器。從這個角度上來說，Vue Material 當(dāng)中包含了 Material Design 組件，比如Card、Button、Datepicker、Dialog、Drawer 和 Forms 等。Vue Material 一次滿足你兩個愿望：符合 Material Design 的設(shè)計原則，又借助 Vue.js 來實現(xiàn)效果。

Google Autocomplete

其實看這個工具名字，已經(jīng)非常能夠說明問題了。這是一個 Vue.js 組件，使用 Google 的自動填充的 API 來實現(xiàn)功能。這組組件添加了附加的自定義元素，非常簡單。

Vue Instant

這個 Vue.js 組件讓你可以使用自動推薦和建議的關(guān)鍵詞來填充表單。那么你可以將此組件和任何可以提供自動建議和自動輸入的 API 來協(xié)同，而不止是是 Google 的。比如，你可以將這個組件和 TheMovieDB API 結(jié)合到一起，自動生成電影名稱的建議詞條。

Inkline

Inkline可能是我見過的最有趣的 Vue.js 框架之一。Inkline 是一個 UI 框架，能夠在網(wǎng)頁環(huán)境下生成一組常見的 UI 組件，無論是按鈕、表單還是導(dǎo)航。這使得我們可以快速創(chuàng)建可以運行的原型，由于所有的組件都基于 Vue.js 框架來構(gòu)建，因此我們可以通過 Vue.js API 來擴展和自定義。

Vue Filepond

Vue Filepond 是一個非常實用的 Vue.js 組件，它可以生成一套帶有順滑上傳體驗的界面。界面中會涉及到需要上傳的文件、目錄、本地 URL、遠(yuǎn)程 URL 和數(shù)據(jù) URL等。除此之外，它還具有內(nèi)置的圖片優(yōu)化器，因此還可以更快地上傳圖片。

這款組件是使用名為 Filepond 的 JS 庫構(gòu)建，因此你還可以添加許多其他的插件進來，比如說圖片編輯器、文件檢驗器和多媒體預(yù)覽組件等等。

Vue Hotel Datepicker

這是一個為 Vue.js 所定制的日期選擇器。就如同它名字所標(biāo)識的，這個日期選擇器有非常具體的使用場景，它就是為酒店預(yù)訂而設(shè)計的。選擇你需要住的夜數(shù)，它會自動幫你計算預(yù)訂的日期，并且它還可以自定義預(yù)訂和退房的規(guī)則，支持本地化的深度定制和自動適配。

VueDS

VueDS 是一款使用 Vue.js 框架來定制 UI 設(shè)計系統(tǒng)的工具，這款工具提供了一套精心組織的工具、設(shè)計模式和實踐案例。你可以將它引入到團隊的核心設(shè)計組件中，作為參考，或者作為輔助素材。這套設(shè)計系統(tǒng)當(dāng)中包含有顏色、尺寸、組件等不同的組成部分。

Vue Carousel 3D

在 Vue Carousel 3D 的幫助下，你可以生成帶有 3D 效果的輪播圖，就像在 macOS 中的 Cover Flow 一樣，非常容易實現(xiàn)，相應(yīng)迅速，并且支持滑動手勢。你想添加一個與眾不同的輪播效果么？這個組件可能就是你想要的。

Vue Poll

Vue Poll 是一個基于 Vue.js 的投票組件。它的靈感來源于 Twitter 中的投票功能，現(xiàn)在你也可以在你的網(wǎng)站中輕松地添加一個。

PHP 7.4

正如同開頭所提到的，PHP 7.4 即將發(fā)布，它目前仍然處于公開測試階段，這篇文章涵蓋了絕大多數(shù)新的 PHP 7.4 中所包含的新功能和特性。

Twine

Twine 是一個用于在 PHP 中轉(zhuǎn)換字符串（純文本）的庫。它可以輕松地將純文本轉(zhuǎn)化為大小寫敏感的內(nèi)容，比如 camelCase 和 snake_case , 讓編碼符合 base64 或者 HEX 等。

Laravel Persistent Config

這是給 Laravel 所提供的一套持續(xù)的擴展，有了這個，你就可以輕松地在 Laravel 的 APP 中設(shè)置或者讀取配置，也可以將配置存儲在 PHP 數(shù)據(jù)庫文檔中。

PHPUnit Speedtrap

這是一個用來評估性能的 PHPUnit 拓展。當(dāng)它檢測到慢速測試的時候，會顯示有哪些文件的運行緩慢，以及它們運行了多長時間。

Composer Semver

Semver 是 Composer 核心拓展的一部分，也可以在 PHP 應(yīng)用中單獨使用。這款擴展適用于 Semver 規(guī)范，擴展所提供的方法讓你可以根據(jù) Semver 規(guī)范輕松地進行版本驗證和版本對比。

Laravel Love

這是一個基于 Laravel 的拓展，功能類似于 Facebook 中的 Reaction 或者是 Twitter 中的點贊功能。這款拓展提供了相關(guān)的函數(shù)、設(shè)計系統(tǒng)以及相應(yīng)的 API，讓你可以更加便捷地在 Laravel 中實現(xiàn)。

Laravel Visits

Laravel Visits 是一個用來計算程序訪問次數(shù)的拓展。這款拓展由 Redis 提供支持和訪問記錄。它還提供了訪問這些記錄的功能和方法，比如檢索最多訪問、最多訪問國家、特定時間段的訪問，等等。

Eventy

Eventy 也是一款 Laravel 拓展，提供了類似 WordPress 中的 Action 和 Filter 的接口。如果你是從 WordPress 遷移過來，那么這個拓展讓你可以更快適應(yīng) Laravel。

Laravel GeoIP

這也是一個Laravel 拓展程序，你可以借助它來檢索用戶站點所處的地理位置。這些反饋出來的信息包括用戶 IP、貨幣、國家/地區(qū)等等。你可以將這款拓展設(shè)置成為獲取各種個數(shù)據(jù)的一個介質(zhì)，比如可以獲取 IP-API.com 以及 Maxmind 數(shù)據(jù)庫或者其他 API 的一個工具。

PHPUnit Pretty Result

這也是一個 PHPUnit 的拓展應(yīng)用，它可以生成更加漂亮好看的報告信息，可以進行單獨配置。比如你可以借助它將成功或者失敗之后推送信息中的圖標(biāo)換掉，也可以與 macOS 中名為 AnyBar 的應(yīng)用集成到一起，修改 macOS 菜單欄中的小圖標(biāo)，更換顏色，等等等等。

Exa