如今Vue的熱度不斷攀升，使用者越來越多，Vue.js 工具也隨處可見。這種現(xiàn)象不是憑空產(chǎn)生的：Vue 的學習曲線友好，功能驅動的結構清晰易懂，文檔出色易學，所以新人入門很容易，經(jīng)驗豐富的開發(fā)人員也可以快速從其他框架（如 React 或 Angular）切換過來。

本文從實用性、有效性、獨特性出發(fā)，總結了15個值得關注的工具和庫，相信你遲早會用在自己的 Vue.js 項目中。

Vue CLI

Vue CLI是一套功能齊全的工具，可用于快速Vue開發(fā)。Vue CLI 致力于將 Vue 生態(tài)中的工具基礎標準化。它確保了各種構建工具能夠基于智能的默認配置即可平穩(wěn)銜接，這樣你可以專注在撰寫應用上，而不必花好幾天去糾結配置的問題。

VuePress

VuePress 由兩部分組成：第一部分是一個極簡靜態(tài)網(wǎng)站生成器，它包含由 Vue 驅動的主題系統(tǒng)和插件 API，另一個部分是為書寫技術文檔而優(yōu)化的默認主題，它的誕生初衷是為了支持 Vue 及其子項目的文檔需求。

每一個由 VuePress 生成的頁面都帶有預渲染好的 HTML，也因此具有非常好的加載性能和搜索引擎優(yōu)化（SEO）。同時，一旦頁面被加載，Vue 將接管這些靜態(tài)內容，并將其轉換成一個完整的單頁應用（SPA），其他的頁面則會只在用戶瀏覽到的時候才按需加載。

Gridsome

Gridsome類似VuePress，但不完全相同，它也是使用開發(fā)人員喜愛的最新網(wǎng)絡技術工具構建網(wǎng)站 – Vue.js，GraphQL和Webpack。獲得熱重新加載和Node.js的所有功能。Gridsome讓搭建網(wǎng)站再次變得有趣。如果你想建個博客站，可以考慮下。

Vuex

開發(fā)人員構建 Web 應用程序時面對的一大問題就是狀態(tài)管理。為了解決這個問題，Vue 提供了一個狀態(tài)管理系統(tǒng)——Vuex。它負責集中存儲應用程序中的所有組件，確保狀態(tài)只能以可預測的方式變化。

Nuxt

Nuxt.js 是一個基于 Vue.js 的輕量級應用框架,可用來創(chuàng)建服務端渲染 (SSR) 應用,也可充當靜態(tài)站點引擎生成靜態(tài)站點應用,具有優(yōu)雅的代碼結構分層和熱加載等特性。

Vuetify

Vuetify 是最好用的 UI 組件庫之一。它提供了大量基于 Material Design 規(guī)范精心制作的組件（80+），足以滿足任何應用程序的需求。

你可以用它來構建 SSR 應用程序、SPA、PWA 和移動應用。你可以創(chuàng)建新應用或將它們添加到現(xiàn)有應用中。它還提供了一個系統(tǒng)，讓你可以只選出要用的組件，從而大大減少應用程序的最終大小。

Quasar

Quasar 是 Java“一次編寫，隨處運行”哲學的 JavaScript 版本。它是一個通用的，基于 Vue 的框架，讓你可以使用相同的代碼庫為不同的平臺編寫應用程序。SPA、PWA、SSR 應用、混合移動應用或多平臺桌面應用；它帶有出色的文檔和大批兼顧性能和響應性的組件，自帶許多最佳實踐，因此你可以專注于應用程序的功能實現(xiàn)。它還提供了一個用來輕松搭建新項目的 CLI 工具。

Storybook

Vue 是一個主要基于組件的框架，因此編寫優(yōu)秀、高效的組件對所有開發(fā)人員來說都很重要，而 Storybook 可能就是非常趁手的工具。它為你的組件搭建了一個強大的開發(fā)環(huán)境，主要提供了以下的幾個功能：

●提供了一個強大的 UI 組件管理頁面，可以很便捷、清晰的分組、管理多個組件或一個組件的多個不同狀態(tài)

●在自動化交互測試之外，可以很方便的進行手動交互測試，并且可以動態(tài)改變組件參數(shù)，查看視圖變化

●可以將組件預覽導出為靜態(tài)資源，這樣就可以很方便查看組件的文檔和不同參數(shù)對應的不同視圖

●還有一系列的插件，提供了很多額外的功能，幫助你更好的開發(fā)、測試、優(yōu)化組件

Vue Apollo

Vue Apollo是給vue封裝的一個apolloclient插件，這個庫能很方便的就能把Vue和GraphQL集成。最近有很多關于GraphQL的討論。因此，如果你已經(jīng)熟悉它并希望將其與Vue集成，那么你應該嘗試Vue Apollo。

Vue DevTools

Vue DevTools是一款基于chrome瀏覽器的插件，用于調試 Vue 和 Vuex 應用程序，這可以極大地提高我們的調試效率。目前該擴展在Chrome和Firefox中得到支持，同樣Safari也得到了支持。

Eagle.js

Eagle.js 是一個使用 Vue 構建的功能強大、靈活且獨特的幻燈片系統(tǒng)。你可以在演示中創(chuàng)建易復用的組件、幻燈片和樣式。它還支持動畫、主題和交互式小部件，非常適合制作網(wǎng)絡演示內容。

Vue Test Utils

Vue-test-utils是 Vue.js 的官方的單元測試框架，它提供了一系列非常方便的工具，使我們更加輕松的為Vue構建的應用來編寫單元測試。主流的 JavaScript 測試運行器都能夠支持。

Vue Router

應用開發(fā)中，路由是必不可少的部分。Vue 開發(fā)尤其是單頁面應用的開發(fā)中，Vue Router 作為官方路由管理組件出現(xiàn)，讓應用開發(fā)更加順暢。

Vue Native

一家叫GeekyAnts的印度公司開發(fā)了Vue Native，它 是一個用于移動應用程序的 JavaScript 框架，基于React Native實現(xiàn)。實現(xiàn)的原理是將 Vue 的語法編寫的代碼轉化成 React Native 的代碼。

Weex

Weex 是阿里巴巴開源的一套構建高性能、可擴展的原生應用跨平臺開發(fā)方案，是一個使用現(xiàn)代 Web 技術（包括 Vue 在內）構建移動應用程序的框架。

只要你認真對待Vue開發(fā)工作，逐漸就會發(fā)現(xiàn)很多優(yōu)秀的基礎工具和庫。這些工具將點亮你的 Vue 開發(fā)職業(yè)生涯，有了這些工具，你就可以構建一些精彩的項目了：網(wǎng)站、應用程序、庫、插件……去做出一些優(yōu)秀的作品吧！