? ?現(xiàn)在前端除了JavaScript外，還有react，vue，angular這三個框架在市場上用的比較多，可以說這三個框架很大程度上改變了前端的地位，相對于angular來說，vue同樣擁有豐富的指令，并且都是典型的MVC框架，vue相對來說輕量級一些，

目前vue被很多開發(fā)人員所采用，也越來越熱門，，因此它的生態(tài)環(huán)境也變得完善起來，相關的工具也很豐富，這主要是依靠vue的學習曲線和清晰的設計結構和使用文檔，是讓有經驗的開發(fā)人員從其他框架方便入手。Vue的開發(fā)工具有哪些？

?? Vue CLI

?? 為了方便開發(fā)人員快速入門，他像奇怪的框架一樣，為CLI提供了類似的手和腳架工具。VueCLI是一組功能齊全的工具，可以用快速的Vue開發(fā)。VUE規(guī)范了VUE生態(tài)系統(tǒng)中的工具基礎，保證了各種構建工具在智能默認配置的基礎上能夠順利連接，從而可以專注于應用程序的編寫，而不必花很長時間來解決配置問題。例如，在一個項目中很容易集成插件，如Babel、Typee、ESLint、PostCSS、Jest、Mocha、Nightwatch和Cypress。

?? Vue Press

?? VuePress是以Vue驅動的靜態(tài)網站生成器，是由Vue, Vue Router和webpack驅動的單頁應用，在VuePress中，可以使用Markdown編寫文檔，然后生成網頁，每一個由VuePress生成的頁面都有著預渲染好的HTML，也因此具有非常好的加載性能和搜索引擎優(yōu)化，同時，一旦頁面被加載，Vue將會接管這些內容，并把他轉換成一個完整的單頁應用，其他的頁面則只會在用戶瀏覽到的時候才需加載，

?? Vuex

?? 在SPA單頁組件的開發(fā)中Vue的vuex和React的React都是統(tǒng)稱為同一狀態(tài)管理，也可以叫全局狀態(tài)管理，簡單的理解就是你在state中定義了一個數(shù)據(jù)之后，就可以在所在項目中的任何一個組件里進行獲取，進行修改，并且修改部分可以得到全局的響應變化，每一個Vuex應用的核心就是Store，store可當做一個容器，包含著應用中大部分狀態(tài)。

? ? ? ? Nuxt

?? Nuxt.js是一個基于Vue.JS輕量級應用程序框架，可以用來創(chuàng)建服務器端渲染應用程序，也可以作為靜態(tài)站點引擎生成靜態(tài)站點應用程序，具有優(yōu)雅的代碼結構分層和熱加載功能。

? ? ? ? Vuetify

? ? Vutify當前是基于VUI的最佳UI組件庫之一。它提供了大量基于材料設計規(guī)格的部件，可滿足任何應用的需要。

?? Quasar

?? Quasar是MIT授權的初始框架，它基于Vue，可以幫助web開發(fā)人員創(chuàng)建響應性網站。PWA通過apacha Cordova構建移動應用程序。多平臺應用類星體需要開發(fā)者編寫一次左右的代碼，然后使用相同的代碼庫同時部署到網站、PWA、移動應用和電子應用。使用最先進的CLI設計應用程序并提供精心編寫的類星體Web組件非常快。

?? ? ?? Storybook

?? 對于前段來說，組件化技術已經是必修的一門課程了，這其中又以react和vue為主，但平時在開發(fā)組件，尤其是公共組件或第三方組件時會有些困擾，

?? 1. 不能很好的管理組件，預覽組件時不能一目了然，也不能很好的反應一個組件的不同狀態(tài)，

?? 2. 自動化交互測試可以使用enzyme，但很多時候還得手動測試，

?? 3. 在寫文檔時 需要將組件預覽和文檔寫在一起，并需要切換不同狀態(tài)，

? 因此，storbook就是要解決這些問題。它可以為組件構建一個強大的開發(fā)環(huán)境，主要提供以下幾點

?1.?提供功能強大的UI組件管理頁面，可以輕松清晰地分組、管理多個組件或組件的不同狀態(tài)。

?2.?除了自動交互測試外，還可以方便地進行手動交互測試，并可以動態(tài)更改組件參數(shù)和查看更改。

? ? 3. 可以將組件預覽導出為靜態(tài)資源，這樣就可以很方便查看組件的文檔和不同參數(shù)對應的不同視圖 還有一系列插件，更好的幫助我們完成開發(fā) 測試 優(yōu)化組件工作。

此工具使開發(fā)人員能夠獨立于主要應用程序組件，在獨立的開發(fā)環(huán)境中交互地呈現(xiàn)它們，而不必擔心特定應用程序的依賴性和需求，從而方便開發(fā)人員、設計人員和其他人員參與項目。

?