vue開發工具有哪些,那個更合適?

現在前端除了JavaScript外,還有react,vue,angular這三個框架在市場上用的比較多,可以說這三個框架很大程度上改變了前端的地位,相對於angular來說,vue同樣擁有豐富的指令,並且都是典型的MVC框架,vue相對來說輕量級一些,
目前vue被很多開發人員所採用,也越來越熱門,,因此它的生態環境也變得完善起來,相關的工具也很豐富,這主要是依靠vue的學習曲線和清晰的設計結構和使用文檔,是讓有經驗的開發人員從其他框架方便入手。下面給大家介紹vue的開發工具有哪些?
Vue CLI
爲了方便開發者快速的上手工作,他和奇特的框架一樣,都是提供CLI類似的手腳架工具,VueCLI是一套功能齊全的工具,能用快速Vue開發,Vue將Vue生態中的工具基礎標準化,確保了各種構建工具能夠基於智能的默認配置平穩銜接,這樣就可以專注在撰寫應用上,而不必花好久的時間去糾結配置問題,例如在項目中能夠很輕鬆的集成Babel,TypeScript, ESLint,PostCSS ,Jest,Mocha , Nightwatch和Cypress等插件。
Vue Press
VuePress是以Vue驅動的靜態網站生成器,是由Vue, Vue Router和webpack驅動的單頁應用,在VuePress中,可以使用Markdown編寫文檔,然後生成網頁,每一個由VuePress生成的頁面都有着預渲染好的HTML,也因此具有非常好的加載性能和搜索引擎優化,同時,一旦頁面被加載,Vue將會接管這些內容,並把他轉換成一個完整的單頁應用,其他的頁面則只會在用戶瀏覽到的時候才需加載,
Vuex
在SPA單頁組件的開發中Vue的vuex和React的React都是統稱爲同一狀態管理,也可以叫全局狀態管理,簡單的理解就是你在state中定義了一個數據之後,就可以在所在項目中的任何一個組件裏進行獲取,進行修改,並且修改部分可以得到全局的響應變化,每一個Vuex應用的核心就是Store,store可當做一個容器,包含着應用中大部分狀態。
Nuxt
Nuxt.js是一個基於Vue.js的輕量級應用框架,可用來創建服務端渲染應用,也可以充當靜態站點引擎生成靜態站點應用,具有優雅的代碼結構分層和熱加載等特性。
Vuetify
Vuetify目前是基於veu的最好的UI組件庫之一,他提供了大量基於Material Design規範盡心製作的組件,可以滿足任何應用程序的需求。
Quasar
Quasar是MIT許可的開元框架是基於Vue的,可以幫助Web開發人員創建響應式網站,PWA 通過Apacha Cordova構建移動APP,多平臺應用程序 Quasar約需開發人員編寫一次代碼,然後使用相同的代碼庫同時部署爲網站,PWA , Mobile APP和Electron App。使用最先進的CLI設計應用程序,並提供精心編寫,是速度非常快的Quasar Web組件,
Storybook
對於前段來說,組件化技術已經是必修的一門課程了,這其中又以react和vue爲主,但平時在開發組件,尤其是公共組件或第三方組件時會有些困擾,
1.不能很好的管理組件,預覽組件時不能一目瞭然,也不能很好的反應一個組件的不同狀態,
2.自動化交互測試可以使用enzyme,但很多時候還得手動測試,
3.在寫文檔時 需要將組件預覽和文檔寫在一起,並需要切換不同狀態,
所以,storbook就是爲了解決這些問題而出現,他能爲組件搭建一個強大的開發環境,主要提供下面幾點
1.提供一個強大的UI組件管理頁面,可以很便捷,清晰的分組,管理多個組件或一個組件的不同狀態
2.在自動化交互測試外,可以很方便的進行手動交互測試,並且可以動態改變組件參數,查看視圖變化
3.可以將組件預覽導出爲靜態資源,這樣就可以很方便查看組件的文檔和不同參數對應的不同視圖 還有一系列插件,更好的幫助我們完成開發 測試 優化組件工作。
該工具使用開發人員能夠獨立於主應用程序組件,並在隔離的開發環境中已交互方式展示他們,而無需擔心特定有應用程序的依賴關係和要求,方便開發人員,設計人員等多人蔘與項目。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章