分享 27 個面向開發人員的最佳 Vue.js 開發工具

分享 27 個面向開發人員的最佳 Vue.js 開發工具

如題

最後更新 2022/4/21 上午7:23
Vue社区
預計閱讀 4 分鐘
分類
前端
標籤
Vue 前端技巧

英文 | https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573

來源:Vue 社區

01、BootstrapVue

地址:https://bootstrap-vue.org/

一個用於 Vue.js 建構引導介面的開源庫。

02、Vuex

地址:https://vuex.vuejs.org/

Vue.js 應用程式的狀態管理庫。

03、Vue Devtools

地址:https://devtools.vuejs.org/

一個偵錯 Vue.js 專案的簡單工具。

04、Vue CLI

地址:https://cli.vuejs.org/

讓 Vue.js 開發人員更容易使用的標準工具。

05、Vue Router

地址:https://router.vuejs.org/

直觀而強大的語法定義靜態和動態路由。

06、Vuetifyjs

地址:https://vuetifyjs.com/en/

幫助建構 Vue.js 的 Material Design 介面的開源庫。

07、Nuxt

地址:https://nuxtjs.org/

一個開源框架,使 Web 開發變得簡單而強大。

08、Vue Element Admin

地址:https://github.com/PanJiaChen/vue-element-admin

幫助建構具有管理網站所需的多項功能的簡單管理介面。

09、Vue Apollo

地址:https://vue-apollo.netlify.app/

它可以讓我們的 Vue.js 專案更容易設定 GraphQL。

10、Element UI

地址:https://element.eleme.io/#/en-US

用於 Vue 專案介面開發的 UI 庫。

11、Quasar

地址:https://quasar.dev/

Quasar 是一個開源的 Vue.js 框架,可幫助建構 SPA(單頁應用)、SSR(伺服器端渲染應用)、PWA(漸進式 Web 應用)。

12、Language Vue

地址:https://atom.io/packages/language-vue

支援 Atom 的 Vue.js 開發的實用程式。

13、VuePress

地址:https://v2.vuepress.vuejs.org/

VuePress 是一個以降價為中心的靜態站點生成器。

14、Vue.js Guide

地址:https://vuejs.org/guide/introduction.html

Vue.js 開發人員最完整、最詳細的指南。

15、Vue Select

地址:https://vue-select.org/

幫助我們建構具有對 Vue.js 開發人員有用功能的元件。

16、Vueuse

地址:https://vueuse.org/

Vue 2 和 Vue 3 元件的必要實用程式集合。

17、VeeValidate

地址:https://vee-validate.logaretm.com/v4/

Vue.js 中的表單驗證工具。

18、Vant

地址:https://vant-contrib.gitee.io/vant/#/en-US

行動 UI 的介面建構器庫。

19、Vue Native

地址:https://vue-native.io/

幫助建構跨平台原生行動應用的 JavaScript 框架。

20、Vue-meta

地址:https://vue-meta.nuxtjs.org/

Vue.js 專案的 Cmeta 標籤管理器。

21、Vue I18n

地址:https://kazupon.github.io/vue-i18n/

外掛有助於為專案添加國際化功能。

22、Vue Infinite Loading

地址:https://peachscript.github.io/vue-infinite-loading/

為網站建立無限滾動功能。

23、Gridsome

地址:https://gridsome.org/

該工具可以快速輕鬆地建立靜態網站和應用程式。

24、Vite

地址:https://vitejs.dev/

Vite 是一個建構工具,旨在為現代 Web 專案提供更快、更精簡的開發體驗。

25、Vue-multiselect

地址:https://vue-multiselect.js.org/

幫助為網站建構多選功能的開源庫。

26、Vetur

地址:https://marketplace.visualstudio.com/items?itemName=octref.vetur

用於在 VSCode 中更好地進行 Vue.js 開發和偵錯的擴充功能。

27、Vue.js Examples

地址:https://vuejsexamples.com/

Vue.js 介面開發中的範例集合。

總結

我希望這篇文章能為你的 Vue 專案開發提供有用的開發工具,如果您有任何問題,請在留言區給我留言,我會盡快回覆。

感謝您的閱讀,祝您今天過得愉快!

繼續探索

延伸閱讀

更多文章
同分類 / 同標籤 2023/10/16

.NET工具箱:開源、免費的純前端工具網站,帶你探索10大工具分類和73個實時在線小工具

Dotnet工具箱是一個純前端的、開源和免費的工具網站,週末我參考了開源專案it-tools,對網站界面文字進行了中文化,並重新部署了網站。該網站共有10大工具分類,提供了73個實時在線小工具。使用Vue3開發的Dotnet工具箱具有獨特的特色,本文詳細介紹了其中一些特色工具,並簡單分享了如何部署自己的工具網站。如果你對工具網站感興趣,不妨來了解一下Dotnet工具箱吧!

繼續閱讀