2020年前端開發者實用幹貨工具推薦

我們正式走入下一個10年。在設計和開發之間，在體驗和功能之間，我們將會使用不同的工具和服務來協調、彌合、融彙。在這次推薦的前端開發者工具當中，相當一部分都是針對 Windows 平台所推薦的。有類似macOS中 Alfred 的Launcher 工具——不過是為 Windows 所定製的，還有一款融合了 Markdown 和 Diff 的編輯器，它們更加實用，也更加先進，能給開發者帶來更多可能性。

下麵我們具體看看吧。

Blueprint

Blueprint 是一款為 Larvel 開發者提供便利的開發工具包，它讓你可以隻用一行命令就可以生成組件，比如模型、控製器、事件乃至於模版，節省大量的時間。

PowerToys

這是一款由微軟自己開發的一組實用程序，可以改善 Windows 本身的用戶體驗，為它提供所謂「FancyZone」，讓你可以管理複雜的窗口布局和位置，它還能添加所謂的「PowerRename」功能，讓你可以批量命名文檔。目前，這款工具還在不斷地研發過程中，我們可以期待一下。

Wox

如果你剛剛從 macOS 切換回 Windows ，那麼你可能回懷念 Spotlight 和 Alfred 這樣的效率工具，那麼這個時候，你應該試試 Wox，它會幫你補上這個坑，並且有助於簡化重複的工作流程。實用 Wox，你可以搜索文件、文件夾、應用、UWP乃至於搜索引擎中的內容。

NVM Windows

這款 NVM 命令行工具讓你可以輕鬆在計算機中管理、安裝和切換多個 Node.js 版本。通常 NVM 命令行工具是在 Linux 和 macOS 中使用的，如果要在 Windows 中使用，那麼你需要安裝這款工具。

EdexUI

這是一款非常科幻的終端界麵，它會讓你的電腦看起來更酷。

DevHub

這是一款 macOS 工具，用來管理 Github 通知和活動，在這款工具當中，你可以在打開通知之前就輕鬆查看多個存儲庫相關的信息，包括評論、問題等。

Captura

Captura 是一款自由度頗高的 Windows 截圖應用，它附帶了從截圖到錄屏在哪的多種不同的功能和組合方式，當然，更重要的是，它是免費的。

Spicetify CLI

Spicetify CLI 是一款命令行界麵的 Spotify 應用，你可以更加便捷地更改整個 UI的配色，加入自己的CSS，方便快捷地啟用和禁用一些功能。

Notepads

Notepads 是一個精美的文本編輯器，並且在功能上也非常現代。它具有預覽的功能，內置 Markdown，內置選項卡式的 UI，具有差異對比的功能，以及麵向高級用戶的命令行界麵，你可以從 PowerShell 來啟動這一應用程序。

Certify

這是一個為 WindowsIIS 服務器管理「Let’s Encrypt」驗證的應用，有圖形化的界麵，它可以進行申請、安裝、續訂 SSL 證書。

WinMerge

這是一組用來對比文件差異的 Windows 應用，它可以幫你看清文件之間的修改狀況，通過對比幫你識別差異，確定是不是要合並處理。這個工具不僅能夠幫你對比文本文件，還可以比較圖片和整個目錄。

Luna

這是一個 NPM 桌麵應用，用來管理 NPM 依賴性。你可以單擊安裝、卸載並且更新這些依賴項。如果你更喜歡的是圖形化的界麵而不是命令行界麵，那麼這款工具就是給你所準備的。

WP JS Plugin Starter

這是一個使用更為現代的方法和實踐來創建 WordPress 插件的插件啟動器，這個項目當中已經預製了最新的用於創建古登堡模塊的設置。它是由 Riad Benguella 所開發，它也是古騰堡項目的開發者之一。

CSS Houdini

Una Kravets 在這個視頻當中展示了 CSS 的未來，這可能會完全改變我們編寫 CSS 的方式。Una Kravets 在這個演示當中展示了 CSS Houdini 的一些功能範例，值得看看！

Nebular

Nebular 是一套用於 Angular 的框架和設計係統。它和 Framwework 一樣，包含有按鈕、選項卡、菜單、布局和輸入組件等，在這些組件上，它還提供了身份驗證、登錄、注銷等頁麵的組件。

Codelf

如果你不確定如何給變量命名，那麼你可以使用 Codelf，它是一個搜索引擎，會給你從 Github、Bitbucket、GitLab 等地方給你找到變量的命名方式和真實範例。

Puppeteer Recorder

這是 Chrome 擴展空虛，用來記錄你的瀏覽器交互，並將其轉化成為 Puppeteer 腳本。如果你使用 Puppeteer 來設置測試，可以節省很多時間。

Browser Extension Boilerplate

這是一個跨瀏覽器擴展程序的預配置工具，在它的幫助下，你可以一次編寫代碼，然後運行，部署到 Firefox、Chrome 和 Opera 等不同的瀏覽器平台上。

Altair

Altair 是一個 GraphQL 客戶端，你可有在其中執行 GraphQL 服務器查詢，並查看返回的輸出。你可以安裝它的 Windows、macOS 和 Linux 的桌麵應用。

Notifier for Github

這是另外一個針對開發者有用的 Chrome 拓展程序，它可以用來改進 Github的通知係統。它會顯示你此刻在 Github.com 上的通知數量，並且將其轉發到瀏覽器的「推送通知」中。它適用於需要在瀏覽器中管理多個 repository 的開發者。

作者：Thoriq Firdaus

來源：優設網