开源的Vue项目

╰+攻爆jí腚メ 2024-03-23 12:22 84阅读 0赞

<table> 
 <tbody> 
 <tr> 
 <td style="width:235px;">项目</td> 
 <td style="width:614px;">说明</td> 
 </tr> 
 <tr> 
 <td style="width:235px;">vue-element-admin</td> 
 <td style="width:614px;"> 是一个后台前端解决方案，它基于&nbsp;<a href="https://github.com/vuejs/vue" title="vue" rel="nofollow">vue</a>&nbsp;和&nbsp;<a href="https://github.com/ElemeFE/element" title="element-ui" rel="nofollow">element-ui</a>实现。 github：&nbsp;<a href="https://github.com/PanJiaChen/vue-element-admin" title="https://github.com/PanJiaChen/vue-element-admin" rel="nofollow">https://github.com/PanJiaChen/vue-element-admin</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">vue-typescript-admin-template</td> 
 <td style="width:614px;"> 是一个后台前端解决方案，它基于&nbsp;<a href="https://github.com/vuejs/vue" title="vue" rel="nofollow">vue</a>,&nbsp;<a href="https://www.typescriptlang.org/" title="typescript" rel="nofollow">typescript</a>&nbsp;和&nbsp;<a href="https://github.com/ElemeFE/element" title="element-ui" rel="nofollow">element-ui</a>实现。 github：&nbsp;<a href="https://github.com/Armour/vue-typescript-admin-template" title="https://github.com/Armour/vue-typescript-admin-template" rel="nofollow">https://github.com/Armour/vue-typescript-admin-template</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">element</td> 
 <td style="width:614px;"> 基于vue2写的 github：&nbsp;<a href="https://github.com/ElemeFE/element" title="https://github.com/ElemeFE/element" rel="nofollow">https://github.com/ElemeFE/element</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">element-plus</td> 
 <td style="width:614px;"> 基于vue3写的 github：&nbsp;<a href="https://github.com/element-plus/element-plus" title="https://github.com/element-plus/element-plus" rel="nofollow">https://github.com/element-plus/element-plus</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">vue-manage-system</td> 
 <td style="width:614px;"> 基于 Vue3 + pinia + Element Plus 的后台管理系统 github：<a href="https://github.com/lin-xin/vue-manage-system" title="https://github.com/lin-xin/vue-manage-system" rel="nofollow">https://github.com/lin-xin/vue-manage-system</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">Nuxt.js</td> 
 <td style="width:614px;"> 工具包 是一个简单而直接的框架，用于构建通用程序，例如：服务器端渲染的应用，单页应用，渐进式 Web 应用，或只是把它用作静态站点生成器。它也是模块化的，所以你只需使用程序所需的那些模块即可。Nuxt 使你不必纠结于构建和优化程序的工作。Nuxt.js 具有模块化架构，有50多个模块可供选择。 github：<a href="https://github.com/nuxt/nuxt.js" title="https://github.com/nuxt/nuxt.js" rel="nofollow">https://github.com/nuxt/nuxt.js</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">Bootstrap Vue</td> 
 <td style="width:614px;"> 是基于 Bootstrap 库的 UI 套件。它只是用 Vue 代码替换了常规的 &nbsp;Bootstrap 组件中的JavaScript。借助 Bootstrap Vue，你可以使用 Vue.js 和世界上最受欢迎的前端 CSS 库——Bootstrap v4 在 Web 上构建响应式、移动优先和 ARIA 可访问的项目。它还可以轻松地与 Nuxt.js 集成。 网站：<a href="https://bootstrap-vue.org/" title="https://bootstrap-vue.org/" rel="nofollow">https://bootstrap-vue.org/</a> github：<a href="https://github.com/bootstrap-vue/bootstrap-vue" title="https://github.com/bootstrap-vue/bootstrap-vue" rel="nofollow">https://github.com/bootstrap-vue/bootstrap-vue</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">iView</td> 
 <td style="width:614px;"> vue ui组件工具包 网站: <a href="https://iviewui.com/" title="https://iviewui.com/" rel="nofollow">https://iviewui.com/</a> GitHub: <a href="https://github.com/iview/iview" title="https://github.com/iview/iview" rel="nofollow">https://github.com/iview/iview</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;">Mint UI</td> 
 <td style="width:614px;"> 移动端界面元素 网站: <a href="http://mint-ui.github.io/#!/en" title="http://mint-ui.github.io/#!/en" rel="nofollow">http://mint-ui.github.io/#!/en</a> GitHub:<a href="https://github.com/ElemeFE/mint-ui" title="https://github.com/ElemeFE/mint-ui" rel="nofollow">https://github.com/ElemeFE/mint-ui</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;"> Vuetify </td> 
 <td style="width:614px;"> Vuetify 根据材料设计规范提供了大量的精制组件 网站：&nbsp;<a href="https://vuetifyjs.com/en/" title="https://vuetifyjs.com/en/" rel="nofollow">https://vuetifyjs.com/en/</a> GitHub:&nbsp;<a href="https://github.com/vuetifyjs/vuetify" title="https://github.com/vuetifyjs/vuetify" rel="nofollow">https://github.com/vuetifyjs/vuetify</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;"> Quasar </td> 
 <td style="width:614px;"> Quasar 是一个基于 Vue 的通用框架，可让你用相同的代码库为不同平台编写应用程序：SPA，PWA，SSR 应用，混合移动应用或多平台桌面应用。Quasar 包含多达 81 个组件。 网站：&nbsp;<a href="https://quasar.dev/" title="https://quasar.dev/" rel="nofollow">https://quasar.dev/</a> GitHub：<a href="http://xn--https-rfa//github.com/quasarframework/quasar" title="&nbsp;https://github.com/quasarframework/quasar" rel="nofollow">&nbsp;https://github.com/quasarframework/quasar</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;"> Cachet </td> 
 <td style="width:614px;"> Cachet 是由 Vue 和Bootstrap 组成的功能强大的开源状态页面系统。它内置了 10 种语言。Cachet 与简单但功能强大的 JSON API 捆绑在一起。通过 Cachet 你可以提前安排事件。可以在信息中心内设置指标，这是一种衡量指标的方法，无论是正常运行时间，错误率还是完全随机的指标。 网站：&nbsp;<a href="https://cachethq.io/" title="https://cachethq.io/" rel="nofollow">https://cachethq.io/</a> GitHub：&nbsp;<a href="https://github.com/CachetHQ/Cachet" title="https://github.com/CachetHQ/Cachet" rel="nofollow">https://github.com/CachetHQ/Cachet</a> demo:&nbsp;<a href="https://demo.cachethq.io/" title="https://demo.cachethq.io/" rel="nofollow">https://demo.cachethq.io/</a> </td> 
 </tr> 
 <tr> 
 <td style="width:235px;"> VeeValidate </td> 
 <td style="width:614px;"> VeeValidate 是 Vue.js 的基于模板的验证框架，使你可以验证输入并显示错误。 它是基于模板的，你只需要为每个输入指定应使用哪种验证器即可。系统会使用 40 多种语言环境自动生成错误。现成的规则非常多。 网站：&nbsp;<a href="http://vee-validate.logaretm.com/" title="http://vee-validate.logaretm.com/" rel="nofollow">http://vee-validate.logaretm.com/</a> GitHub：&nbsp;<a href="https://github.com/logaretm/vee-validate" title="https://github.com/logaretm/vee-validate" rel="nofollow">https://github.com/logaretm/vee-validate</a> </td> 
 </tr> 
 </tbody> 
</table>