vue的開發工具都有哪些呢

vue的開發工具都有哪些呢，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

vue開發工具有：1、Vue CLI；2、Vue Press；3、Vuex；4、Nuxt；5、Vuetify；6、Quasar；7、Storybook；8、Visual Studio Code；9、WebStorm等等。

本教程操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

現在前端除了JavaScript外，還有react，vue，angular這三個框架在市場上用的比較多，可以說這三個框架很大程度上改變了前端的地位，相對于angular來說，vue同樣擁有豐富的指令，并且都是典型的MVC框架，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為主，但平時在開發組件，尤其是公共組件或第三方組件時會有些困擾，

• 不能很好的管理組件，預覽組件時不能一目了然，也不能很好的反應一個組件的不同狀態，

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

• 在寫文檔時 需要將組件預覽和文檔寫在一起，并需要切換不同狀態，

所以，storbook就是為了解決這些問題而出現，他能為組件搭建一個強大的開發環境，主要提供下面幾點

• 提供一個強大的UI組件管理頁面，可以很便捷，清晰的分組，管理多個組件或一個組件的不同狀態

• 在自動化交互測試外，可以很方便的進行手動交互測試，并且可以動態改變組件參數，查看視圖變化

• 可以將組件預覽導出為靜態資源，這樣就可以很方便查看組件的文檔和不同參數對應的不同視圖 還有一系列插件，更好的幫助我們完成開發 測試 優化組件工作。

該工具使用開發人員能夠獨立于主應用程序組件，并在隔離的開發環境中已交互方式展示他們，而無需擔心特定有應用程序的依賴關系和要求，方便開發人員，設計人員等多人參與項目。

Visual Studio Code

Visual Studio Code（簡稱“VS Code”）是Microsoft在2015年4月30日Build開發者大會上正式宣布一個運行于 Mac OS X、Windows和 Linux 之上的，針對于編寫現代Web和云應用的跨平臺源代碼編輯器，可在桌面上運行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內置支持，并具有豐富的其他語言（例如C++，C＃，Java，Python，PHP，Go）和運行時（例如.NET和Unity）擴展的生態系統。

WebStorm

WebStorm 是JetBrains公司旗下一款JavaScript 開發工具。已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

看完上述內容，你們掌握vue的開發工具都有哪些呢的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！