精华内容
下载资源
问答
  • vue开源项目

    2018-09-15 11:06:50
    转载自 vue开源项目 一、前台UI组件库 1.Element 优点:中文文档,ui种类比较全,ui设计简洁清晰 缺点:不够有特点   2.iView 优点:和element的UI很相似,有一些多的补充,可以...

    转载自  vue开源项目

    一、前台UI组件库

    1.Element

    优点:中文文档,ui种类比较全,ui设计简洁清晰

    缺点:不够有特点

     

    2.iView

    优点:和element的UI很相似,有一些多的补充,可以相互替换

    缺点:仍然没有什么特色

     

    3.Vuetify

    优点:时间选择器是时钟样式,比较有特色。中文文档

    缺点:种类不如前面全

    地址:https://vuetifyjs.com/zh-Hans/

    4.Vue-material

    优点:日期选择器配色舒适,进度条样式有虚线形式,步骤条更清晰相比有创新。表单字段点击后文字会上浮

    缺点:目前种类还比较少,遗憾没有时间选择器。非中文文档

    5.Quasar

    构建响应式网站,PWA,混合移动应用程序

    打不开,应该是被墙了,无法评论,只有项目

    6.Buefy

    优点:时间选择器数字很大有特点

    缺点:非中文文档

    7.Vant

    优点:移动端界面,轻量化,基本涵盖移动端交互的ui,和微信样式很像

    8.At-ui

    一款全新的平面UI套件,专门用于桌面应用程序

    优点:颜色比较素雅,UI比较秀气

    9.Vue-js-modal

    关于模态框的ui库,配色和阴影上适合音乐娱乐类项目

    10.Vuex-loading

    等待相关进度的一些库

    缺点:并不是那么好看,使用的话,最好手动调调整一下样式

    11.Vue-js-grid

    可移动方格子位置的库

    12.Dockeron

    docker上的ui库,使用后再回补

    13.mint-ui

    优点:风格简洁,文档中移动端看的效果清晰

    缺点:中文字体和间距比例上稍稍偏大

    14.Keen-UI 

    优点:移动端框架,日期选择器比较好看。
    缺点:非中文文档

    15.VueCircleMenu

    优点:提供各种从中间蹦跶出半圆形按钮的组件方案,主流ui库给的比较少,有了它可以不用自己写了

    缺点:配色视图有点惨

    16.vue-carbon 

    有点:很淡雅的风格,虽然颜色只有一种,但是字体和间距给的很好,一眼过去很舒服,ui相比要做的事情不会喧宾夺主。

    缺点:在中国可能不是主流(国人喜欢花花绿绿,字体大大的)

    17.vue-calendar 

    特别中国特色,排版稍稍有点拥挤,但是有农历,好评!

    18.vue-datetime-picker

    19.vue2-calendar 

    优点:日期选择器中支持自定义事件的稀缺

    ★181 - 支持lunar和日期事件的日期选择器

    20.vue-datepicker

    日期选择器简洁大气,希望可以有匹配的时间选择器

    21.vue-datepicker 

    优点:很小巧,没有多余的装饰,不占版面

    22.vue-date-picker 

    ★59 - VueJS日期选择器组件

    23.vue-fullcalendar 

    大格子化日期选择器,酒店入住等游玩类网站会用到

    24.vue-datepicker-simple

    月份选择排版蛮特别,极少数用这么正红配色的日期选择器

     ★20 - 基于vue的日期选择

    25.vue-chartjs 

    可视化图表的vue版本,主要饼形图,条形图,雷达图等都有

    缺点:样式太简,使用还需调整,相比百度的Echart还是少太多图类

    26.DataVisualization 

    提供四个最简单的图类,比较实用

    缺点:配色上背景太花,前景色饱和度太低,需要调整

    ★149 - 数据可视化

    27.vue-charts 

    样式比较好看,但目前图标类型还是太少

    ★101 - 轻松渲染一个图表

    28.vue-chartkick 

    ★22 - VueJS一行代码实现优美图表

     

    29.vue-quill-editor 

    不似很多富文本编辑器好几行的功能,但是排版简洁清晰,主要功能都有,样式比较好看

    ★149 - 基于Quill适用于Vue2的富文本编辑器

     

    30.Vueditor 

    优点:排版简洁,所见所得

    ★138 - 所见即所得的编辑器

    31.vue-html5-editor 

    小巧实用,可适合移动办公

    ★132 - html5所见即所得编辑器

    32.vue-simplemde 

    优点:高亮代码的富文本编辑器,配色舒适,间距好

    ★35 - VueJS的Markdown编辑器组件

    33.vuwe 

    优点:样式上和微信很像

    缺点:直接使用,没有说明,文档不好用

    ★107 - 基于微信WeUI所开发的专用于Vue2的组件库

    34.cubeex 

    上下间距比较大,对不是特别高分辨率的旧版本视觉感受比较友好

    ★33 - 包含一套完整的移动UI

    35.vue-region-picker 

    优点:不用自己再找数据调配省市区

    缺点:样式极简,除了老板式银行金融类网站外,基本没有直接这么样式使用的,需要调样式

    ★89 - 选择中国的省份市和地区

    36.vue-awesome-swiper

    多种显示的轮播图组件

    37.vue-slick

    轮播图组建ui比较太别

    38.vue-material-design 

    表单类ui,简洁

    39. Muse-UI

    优点:非常好看的时间、日期选择器!官网页面特别有爱的设计,相信其他组件随着时间也会不断完善

    40. Uiv

    用于 Vue 2 的 Bootstrap 3 组件库。

    41.Vuikit

     

    42.Fish-UI

    灰白配色的ui库,干净利落,偏向欧美表单风格

    灰色的色度,线条粗细,文字字体选择,间距给人的感觉真的像会呼吸的鱼在水中一样自在

    42.Framework7 Vue

    优点:目前发现的唯一对安卓和苹果上,ui的不同效果做出效果图说明的UI库。从按钮到轮播图非常全面

    特点:那个艳红的官网真的是惊到我的视觉了

    43.Cube UI

    很有特色的ui设计,类型比较全。活动效果比较好

    44.Vueblu

    比较简洁,各种角度的提供了过度动画

    45.Ant Design Vue

    非常扁平化的ui,没有阴影,没有线框,纯色填充

     

    二、后台UI库

    1.Vue-element-admin

    非常全面的后台UI库,设计非常适合商业应用

    2.Vue-admin

    图表图形的设计虽说不是那么惊艳,但是粗细和配色非常会突出重点

    3.vueAdmin

    优点:全面,适合中国的主流群体设计

    缺点:不对年轻人风格,非常常规的后台设计

     

    三、其他

    1.Best-resume-ever

    2.vue-hackernews-2.0

    vue-router&vuex和服务器端渲染 [Github star:6687]。

     

    3.Vue-devtools (v 4.0)

    用于调试Vue.js应用程序的Chrome devtools扩展程序 [Github star:6292]

     

    4.Electron-vue

    Electron&Vue.js快速启动样板,包括vue-cli脚手架,通用Vue插件, electron-packager/electron-builder,单元/e2e测试,vue-devtools和webpack

    https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

    5.Vue-loader (v 13)

    Vue.js组件的Webpack加载程序(loader) [Github star:2588]

    6.Vuepack (v 3.0)

    一个使用Vue 2,Vuex,Vue-router和Webpack 2(甚至是Electron)的新潮种子项目。 [Github star:2077]

    7.Codesandbox

    专为Web应用程序开发而设计的在线代码编辑器 [Github star:1552]

    8.Vuefire (v 2.0)

    Firebase 2&> = 3的Vue.js 1&2绑定 [Github star:1228]

    9.Vue-tetris

    使用Vue,Vuex,Immutable做俄罗斯方块 [Github star:1152]

    10.Vue-recyclerview

    使用vue-recyclerview掌握大型列表 [Github star:1021]

    11.Vuex-persistedstate (v 2.0)

    用本地存储保持Vuex状态

    12.Vue-test-utils

    用于测试Vue组件的实用程序 [Github star:977]

    13.Vue-meta (v 1.0)

    管理Vue 2.0组件中的页面元信息,支持SSR +流媒体。

    14.ESLint-plugin-vue

    官方ESLint的Vue.js插件 [Github star:864]

    15.Vue-tables-2

    Vue.js 2 网格组件 [Github star:540]

    16.Vue-baidu-map

    优点:功能简单实用

    缺点:样式不好看

    17.vue-amap

     

     

    18.vue-waterfall 

    ★605 - Vue.js的瀑布布局组件

     

    四、一些项目

    1.IFmiss / vue-music

    http://www.daiwei.org/vue-music.html#/mymusic

    2.仿豆瓣项目

    https://github.com/jeneser/douban

    3.markcook

     ★318 - 好看的markdown编辑器

     

     

    参考文档:

    1.Vue相关开源项目库汇总:https://blog.csdn.net/sinat_17775997/article/details/60580683

    2.推荐21个顶级的Vue UI库!:https://baijiahao.baidu.com/s?id=1604546957811183734&wfr=spider&for=pc

    展开全文
  • Vue开源项目

    千次阅读 2018-01-27 16:35:07
    服务端 1、nuxt.js ★2743 - 用于服务器渲染Vue app的最小化框架 ...2、express-vue ★137 - 简单的使用服务器端渲染vue.js https://github.com/danmademe/express-vue 3、vue-ssr ★6

    服务端


    1、nuxt.js ★2743 - 用于服务器渲染Vue app的最小化框架

    https://github.com/nuxt/nuxt.js


    2、express-vue ★137 - 简单的使用服务器端渲染vue.js

    https://github.com/danmademe/express-vue


    3、vue-ssr ★67 - 非常简单的VueJS服务器端渲染模板

    https://github.com/ccforward/vue-ssr


    4、vue-ssr ★56 - 结合Express使用Vue2服务端渲染

    https://github.com/hilongjw/vue-ssr


    5、vue-easy-renderer ★22 - Nodejs服务端渲染

    https://github.com/leaves4j/vue-easy-renderer



    辅助工具


    1、DejaVue ★543 - Vuejs可视化及压力测试

    https://github.com/MiCottOn/DejaVue


    2、vue-play ★445 - 展示Vue组件的最小化框架

    https://github.com/vue-play/vue-play


    3、vscode-VueHelper ★185 - 目前vscode最好的vue代码提示插件

    https://github.com/OYsun/vscode-VueHelper


    4、vue-generate-component ★39 - 轻松生成Vue js组件的CLI工具

    https://github.com/NetanelBasal/vue-generate-component


    5、vue-multipage-cli ★33 - 简单的多页CLI

    https://github.com/xwpongithub/vue-multipage-cli


    6、VuejsStarterKit ★26 - vuejs starter套件

    https://github.com/MetinSeylan/VuejsStarterKit


    应用实例


    1、koel ★7175 - 基于网络的个人音频流媒体服务

    https://github.com/phanan/koel


    2、pagekit ★4021 - 轻量级的CMS建站系统

    https://github.com/pagekit/pagekit


    3、vuedo ★1040 - 博客平台

    https://github.com/Vuedo/vuedo


    4、jackblog-vue ★943 - 个人博客系统

    https://github.com/jackhutu/jackblog-vue


    5、vue-cnode ★597 - 重写vue版cnode社区

    https://github.com/lzxb/vue-cnode


    6、CMS-of-Blog ★405 - 博客内容管理器

    https://github.com/ycwalker/CMS-of-Blog


    7、rss-reader ★326 - 简单的rss阅读器

    https://github.com/mrgodhani/rss-reader


    8、vue-ghpages-blog ★208 - 依赖GitHub Pages无需本地生成的静态博客

    https://github.com/viko16/vue-ghpages-blog


    9、swoole-vue-webim ★97 - Web版的聊天应用

    https://github.com/wh469012917/swoole-vue-webim


    10、vue-dashing-js ★70 - nuvo-dashing-js的fork

    https://github.com/thelinuxlich/vue-dashing-js


    11、fewords ★52 - 功能极其简单的笔记本

    https://github.com/sapjax/fewords


    12、vue-blog ★33 - 使用Vue2.0 和Vuex的vue-blog

    https://github.com/surmon-china/vue-blog



    Demo示例


    1、Vue-cnodejs ★2113 - 基于vue重写Cnodejs.org的webapp

    https://github.com/shinygang/Vue-cnodejs


    2、NeteaseCloudWebApp ★1154 - 高仿网易云音乐的webapp

    https://github.com/javaSwing/NeteaseCloudWebApp


    3、vue-zhihu-daily ★875 - 知乎日报 with Vuejs

    https://github.com/hilongjw/vue-zhihu-daily


    4、vue-wechat ★732 - vue.js开发微信app界面

    https://github.com/useryangtao/vue-wechat


    5、vue2-demo ★699 - 从零构建vue2 + vue-router + vuex 开发环境

    https://github.com/lzxb/vue2-demo


    6、eleme ★612 - 高仿饿了么app商家详情

    https://github.com/liangxiaojuan/eleme


    7、vue-demo ★575 - vue简易留言板

    https://github.com/kenberkeley/vue-demo


    8、maizuo ★498 - vue/vuex/redux仿卖座网

    https://github.com/zhengguorong/maizuo


    9、spa-starter-kit ★489 - 单页应用启动套件

    https://github.com/codecasts/spa-starter-kit


    10、vue-music ★485 - Vue 音乐搜索播放

    https://github.com/Sioxas/vue-music


    11、douban ★402 - 模仿豆瓣前端

    https://github.com/jiakeqi/douban


    12、vue-Meizi ★394 - vue最新实战项目

    https://github.com/liangxiaojuan/vue-Meizi


    13、zhihudaily-vue ★386 - 知乎日报web版

    https://github.com/yatessss/zhihudaily-vue


    14、vue-demo-kugou ★310 - vuejs仿写酷狗音乐webapp

    https://github.com/lavyun/vue-demo-kugou


    15、VueDemo_Sell_Eleme ★307 - Vue2高仿饿了么外卖平台

    https://github.com/SimonZhangITer/VueDemo_Sell_Eleme


    16、vue2.0-taopiaopiao ★246 - vue2.0与express构建淘票票页面

    https://github.com/canfoo/vue2.0-taopiaopiao


    17、vue-leancloud-blog ★239 - 一个前后端完全分离的单页应用

    https://github.com/jiangjiu/vue-leancloud-blog


    18、node-vue-server-webpack ★239 - Node.js+Vue.js+webpack快速开发框架

    https://github.com/yjj5855/node-vue-server-webpack


    19、mi-by-vue ★222 - VueJS仿小米官网

    https://github.com/wendaosanshou/mi-by-vue


    20、vue-fis3 ★199 - 流行开源工具集成demo

    https://github.com/okoala/vue-fis3


    21、vue2.x-douban ★188 - Vue2实现简易豆瓣电影webApp

    https://github.com/superman66/vue2.x-douban


    22、vue-demo-maizuo ★188 - 使用Vue2全家桶仿制卖座电影

    https://github.com/ChuckCZC/vue-demo-maizuo


    23、vue-zhihudaily ★169 - 知乎日报 Web 版本

    https://github.com/iHaPBoy/vue-zhihudaily


    24、vue-adminLte-vue-router ★162 - vue和adminLte整合应用

    https://github.com/liujians/vue-adminLte-vue-router


    25、vue-axios-github ★157 - 登录拦截登出功能

    https://github.com/superman66/vue-axios-github


    26、Zhihu-Daily-Vue.js ★134 - Vuejs单页网页应用

    https://github.com/pomelo-chuan/Zhihu-Daily-Vue.js


    27、hello-vue-django ★113 - 使用带有Django的vuejs的样板项目

    https://github.com/rokups/hello-vue-django


    28、vue-cnode ★101 - vue单页应用demo

    https://github.com/wszgxa/vue-cnode


    29、x-blog ★100 - 开源的个人blog项目

    https://github.com/CommanderXL/x-blog


    30、vue-express-mongodb ★96 - 简单的前后端分离案例

    https://github.com/xrr2016/vue-express-mongodb


    31、websocket_chat ★91 - 基于vue和websocket的多人在线聊天室

    https://github.com/secreter/websocket_chat


    32、photoShare ★85 - 基于图片分享的社交平台

    https://github.com/beidan/photoShare


    33、vue-zhihudaily-2.0 ★81 - 使用Vue2.0+vue-router+vuex创建的zhihudaily

    https://github.com/cs1707/vue-zhihudaily-2.0


    34、notepad ★77 - 本地存储的记事本

    https://github.com/lin-xin/notepad


    35、vueBlog ★75 - 前后端分离博客

    https://github.com/elva2596/vueBlog


    36、vue-ruby-china ★70 - VueJS框架搭建的rubychina平台

    https://github.com/hql123/vue-ruby-china


    37、Zhihu_Daily ★70 - 基于Vue和Nodejs的Web单页应用

    https://github.com/littlewin-wang/Zhihu_Daily


    38、vue-koa-demo ★60 - 使用Vue2和Koa1的全栈demo

    https://github.com/Molunerfinn/vue-koa-demo


    39、vue2.x-Cnode ★50 - 基于vue全家桶的Cnode社区

    https://github.com/vincentSea/vue2.x-Cnode


    40、life-app-vue ★49 - 使用vue2完成多功能集合到小webapp

    https://github.com/shaqihe/life-app-vue


    41、github-explorer ★49 - 寻找最有趣的GitHub库

    https://github.com/SidKwok/github-explorer


    42、vue-trip ★48 - vue2做的出行webapp

    https://github.com/wenye123/vue-trip


    43、vue-ssr-boilerplate ★47 - 精简版的ofvue-hackernews-2

    https://github.com/albertchan/vue-ssr-boilerplate


    44、vue-bushishiren ★45 - 不是诗人应用

    https://github.com/nswbmw/vue-bushishiren


    45、houtai ★44 - 基于vue和Element的后台管理系统

    https://github.com/peng1992/houtai


    46、ios7-vue ★38 - 使用vue2.0 vue-router vuex模拟ios7

    https://github.com/QRL909109/ios7-vue


    47、Framework7-VueJS ★38 - 使用移动框架的示例

    https://github.com/tyllo/Framework7-VueJS


    48、cnode-vue ★37 - 基于vue和vue-router构建的cnodejs web网站SPA

    https://github.com/BubblyPoker/cnode-vue


    49、vue-cli-multipage-bootstrap ★36 - 将vue官方在线示例整合到组件中

    https://github.com/zhoou/vue-cli-multipage-bootstrap


    50、vue-cnode ★34 - 用 Vue 做的 CNode 官网

    https://github.com/jiananle/vue-cnode


    51、HyaReader ★30 - 移动友好的阅读器

    https://github.com/GitaiQAQ/HyaReader


    52、zhihu-daily ★28 - 轻松查看知乎日报内容

    https://github.com/xrr2016/zhihu-daily


    53、seeMusic ★27 - 跨平台云音乐播放器

    https://github.com/Alex-xd/seeMusic


    54、vue-cnode ★22 - 使用cNode社区提供的接口

    https://github.com/Damonlw/vue-cnode


    55、zhihu-daily-vue ★20 - 知乎日报

    https://github.com/moonou/zhihu-daily-vue


    56、sls-vuex2-demo ★20 - vuex2商城购物车demo

    https://github.com/sailengsi/sls-vuex2-demo


    57、vue-dropload ★17 - 用以测试下拉加载与简单路由

    https://github.com/ITCNZ/vue-dropload


    58、vue-cnode-mobile ★17 - 搭建cnode社区

    https://github.com/soulcm/vue-cnode-mobile


    59、Vuejs-SalePlatform ★17 - vuejs搭建的售卖平台demo

    https://github.com/fishenal/Vuejs-SalePlatform


    60、v-notes ★17 - 简单美观的记事本

    https://github.com/Halfeld/v-notes


    61、vue-starter ★16 - VueJs项目的简单启动页

    https://github.com/BosNaufal/vue-starter


    62、vue-memo ★7 - 用 vue写的记事本应用

    https://github.com/youknowznm/vue-memo

    展开全文
  • Vue开源项目使用探索

    2021-04-08 06:08:21
    本文记录一次使用Vue开源项目的过程。 寻找Vue开源项目 要使用Vue开源项目就必须先找到一个,我们去Github上搜索【后台】,然后使用Vue分类进行检索,找到排名第一的开源框架进行下载—vue-framework-wz 然后新建一...

    前言

    本文记录一次使用Vue开源项目的过程。

    寻找Vue开源项目

    要使用Vue开源项目就必须先找到一个,我们去Github上搜索【后台】,然后使用Vue分类进行检索,找到排名第一的开源框架进行下载—vue-framework-wz

    然后新建一个文件夹,将下载解压后的文件放进去,如下图:

    运行项目

    运行CMD,输入【cd /d F:\Vue\vue-framework-wz-master】

    然后输入【npm install】 ,如下图:

    然后耐心等待其下载依赖项。

    然后,得到结果缺少Python环境,安装失败。。。

    解决方案:先安装windows-build-tools——windows构建工具,如下。

    npm install --global --production windows-build-tools
    npm install -g node-gyp
    
    

    安装windows-build-tools时需要使用【管理员权限的CMD】,不然会提示【Please restart this script from an administrative PowerShell!】

    安装完windows-build-tools和node-gyp后,从新运行一个管理员权限的CMD窗口,再从新运行【F:\Vue\vue-framework-wz-master>npm install】初始化项目。

    npm run dev
    

    初始化成功后,运行npm run dev,启动nodejs的服务器,运行网站,结果如下图:

    输入账号密码,进入后台管理页面,如下图:

    注:想要CMD执行npm开头的命令,需要先安装Nodejs。

    调试项目

    首先我们安装Visual Studio Code,然后使用文件—打开文件夹,然后找到我们刚才的项目路径,然后打开项目。

    然后找到后台首页默认显示的仪表盘的网页,如下图:

    然后修改页面的Header。

    然后重新回到刚刚的网页。

    即不用重启Nodejs服务器,也不用编译,可以看到我们的修改内容已经被更新了。

    Vue项目目录学习参考网址—https://www.runoob.com/vue2/vue-directory-structure.html

    ----------------------------------------------------------

    到此Vue开源项目使用探索结束。

    ----------------------------------------------------------

    注:此文章为原创,任何形式的转载都请联系作者获得授权并注明出处!
    若您觉得这篇文章还不错,请点击下方的推荐】,非常感谢!

    https://www.cnblogs.com/kiba/p/13596436.html

     

    展开全文
  • Vue开源项目速查表

    2019-10-31 10:28:28
  • vue开源项目大全

    2019-09-21 21:46:59
    vue开源项目大全 https://blog.csdn.net/badaaasss/article/details/86129393
  • vue 开源项目
  • Vue开源项目库汇总

    2018-07-09 19:35:44
    转载自 Vue开源项目库汇总最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star。UI组件element ★...
  • Vue 开源项目库汇总

    千次阅读 2017-04-21 09:42:28
    来自:GitHub - opendigg ...最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star。ht

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,009
精华内容 14,003
关键字:

vue开源项目

vue 订阅