2020年1月前端開發者實用干貨合集

?
我們正式走入下一個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

?

這是一個為 Windows/IIS 服務器管理「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 的開發者。
?