百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

Vue PC端框架

toyiye 2024-06-28 10:03 16 浏览 0 评论

1. Element

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
[中文文档](http://element-cn.eleme.io/#/zh-CN) | [github地址](https://github.com/ElemeFE/element)

2. vue-element-admin

vue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。
[中文文档](https://panjiachen.github.io/vue-element-admin-site/zh) | [github地址](https://github.com/PanJiaChen/vue-element-admin)

3. iView

一套基于 Vue.js 的高质量UI 组件库
[中文文档](https://www.iviewui.com/) | [github地址](https://github.com/iview/iview)

4. Vue Material

通过Vue Material和Vue 2.0建立精美的app应用
[中文文档](http://vuematerial.materializecss.cn/#/) | [github地址](https://github.com/vuematerial/vue-material)

5. VueStrap

基于 Vue.js 构建的 Bootstrap 组件。该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是:

  • Vue.js (要求版本为 ^0.12,基于 0.12.10 版本做的测试)
  • Bootstrap CSS (需要版本为 3.x.x, 基于 3.3.5 版本做的测试)。 VueStrap 不依赖某个非常精确的 Bootstrap 版本。

[在线文档](http://yuche.github.io/vue-strap/) | [github地址](https://github.com/yuche/vue-strap)

6. Keen UI

由Vue编写的基本UI组件的轻量级集合,并受Material Design的启发。
[在线文档](https://josephuspaye.github.io/Keen-UI/#/ui-alert) | [github地址](https://github.com/JosephusPaye/Keen-UI)

7. Radon UI

一个帮助你快速开发产品的Vue组件库,简洁好用,效率高,让你摆脱各种定制化的烦恼。
[中文文档](https://luojilab.github.io/radon-ui/#!/) | [github地址](https://github.com/luojilab/radon-ui)

8. N3-components

N3组件库是基于Vue.js构建的,让前端工程师和全栈工程师能快速构建页面和应用。致力于构建良好的Vue开发者生态圈,提供良好的开发体验。
[在线文档](https://n3-components.github.io/N3-components/) | [github地址](https://github.com/N3-components/N3-components)

9. Muse-UI

基于 Vue 2.0 优雅的 Material Design UI 组件库
[中文文档](https://muse-ui.org/#/zh-CN) | [github地址](https://github.com/museui/muse-ui)

10. Vue Antd

这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。
[中文文档](http://okoala.github.io/vue-antd/#!/components) | [github地址](https://github.com/okoala/vue-antd)

11. Vuetify

Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。
[中文文档](https://vuetifyjs.com/zh-Hans/) | [github地址](https://github.com/vuetifyjs/vuetify)

12. Buefy

Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件,它提供了即装即用的轻量级组件。
[在线文档](https://buefy.org/) | [github地址](https://github.com/buefy/buefy)

13. Vue Beauty

基于 ant design 的漂亮的 vue 组件库;vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库,旨在帮助开发者提升产品体验和开发效率、降低维护成本。
[在线文档](https://fe-driver.github.io/vue-beauty/#/components/button) | [github地址](https://github.com/FE-Driver/vue-beauty)

14. AT UI

AT UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。小编非常喜欢的UI风格。
[中文文档](https://at-ui.github.io/at-ui/#/zh/docs/introduction) | [github地址](https://github.com/at-ui/at-ui)

15. Vue-Blu

Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。
[中文文档](https://chenz24.github.io/vue-blu/#/) | [github地址](https://github.com/chenz24/vue-blu)

16. D2Admin

D2Admin是一个完全 开源免费 的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。特别感谢 tanyf 的贡献。
[中文文档](https://doc.d2admin.fairyever.com/zh/) | [github地址](https://github.com/d2-projects/d2-admin) | [预览地址](https://d2admin.fairyever.com/#/index)

17. Best Resume Ever

Best Resume Ever 是一个帮助你快速生成漂亮简历的工具,它基于 Vue 和 LESS,生成的简历可导出为 PDF 格式。
[中文文档](https://salomonelli.github.io/best-resume-ever/#/) | [github地址](https://github.com/salomonelli/best-resume-ever?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) | [预览地址](https://salomonelli.github.io/best-resume-ever/#/resume/material-dark)

18. Quasar

Quasar(发音为/kwe?.zɑ?/)是MIT许可的开源框架(基于Vue),允许开发人员编写一次代码,然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。
[中文文档](http://www.quasarchs.com/) | [github地址](https://github.com/quasarframework/quasar)

19. Vue Baidu Map

Vue Baidu Map是基于Vue 2.x的百度地图组件。
[中文文档](https://dafrok.github.io/vue-baidu-map/#/zh/start/installation) | [github地址](https://github.com/Dafrok/vue-baidu-map) | [在线预览](https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting)

20. vue-admin-beautiful

vue-admin-beautiful是github开源admin中最优秀的集成框架之一,它是国内首个基于vue3.0的开源admin项目,同时支持电脑,手机,平板,默认分支使用vue3.x+antdv开发,master分支使用的是vue2.x+element开发。开箱即用,非常方便。
[github地址](https://github.com/chuzhixin/vue-admin-beautiful) | [在线预览](https://chu1204505056.gitee.io/vue-admin-beautiful?hmsr=toutiao&hmpl=&hmcu=&hmkw=&hmci=)

相关文章

[Vue 移动端框架](https://www.jianshu.com/p/1e05c8d68407)

[React PC端框架](https://www.jianshu.com/p/8f37efe501ca)

[React 移动端框架](https://www.jianshu.com/p/cc1db5829d91)


别走,还有后续呐······
如果小伙伴们有比较好的PC端框架,欢迎在评论区留言砸场,谢谢你的贡献。

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码