在过去一年里，前端开发发展迅速，前端工程师的薪资亦是水涨船高。2019 更是热度不减，而作为近年来尤为热门的前端框架，Vue.js 自是积累了大量关注。本文将为你介绍 2019 年最值得关注的 45 个 Vue.js 开源项目——Let's go!
富文本编辑器作为直接与用户交互的内容输入生产工具，对大家的项目来说非常重要。选不好，配置不好，直接影响产品质感和用户体验，所以说在选择编辑器方面花点时间是值得的。
Tiptap 是一个基于 ProseMirror 构建的富文本编辑器，它是一个灵活、可扩展的富文本编辑器，同时适用于 Vue.js 和 React。所以，无论你的技术栈是Vue，还是React，使用Tiptap都不用太过于在选型上纠结。Tiptap 的核心思路是通过插件系统提供丰富的功能，使得开发者可以根据需求定制编辑器的功能和样式。
今天大师兄给大家推荐一款专为Element UI搭配的编辑器：Element Tiptap Editor。
tiptap编辑器基于Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。
With renderless components you’ll have (almost) full control over markup and styling. I don’t want to tell you what a menu should look like or where it should be rendered in the DOM. That’s all up to you. There is also a good article about renderless components by Adam Wathan.
在介绍 Tiptap[1] 前，首先要介绍一下 ProseMirror[2]，它是一款可定制性及极强的「所见即所得」富文本编辑器框架，文档的可编辑性基于 contentEditable 属性，支持协同，作者是 @marijnh[3]，他也是 CodeMirror 编辑器的开发者。
今天在写前端的时候，就是遇到一个问题。一开始我以为用textarea去掉角标，实现自动增长，然后就可以了。谁知道它还得加样式，加粗、斜体，老师在最开始给的设计稿上根本没有。直接麻掉。
优点：时间选择器配色舒适，进度条样式有虚线形式，步骤条更清晰相比有创新。表单字段点击后文字会上浮
FontAwesome5库的vue实现，可以调用FontAwesome5的各种组件。
element：饿了么出品的Vue2的web UI工具套件 Vux：基于Vue和WeUI的组件库 mint-ui：Vue 2的移动UI元素 iview：基于 Vuejs 的开源 UI 组件库 Keen-UI：轻量级的基本UI组件合集 vue-material：通过Vue Material和Vue 2建立精美的app应用 muse-ui：三端样式一致的响应式 UI 库 vuetify：为移动而生的Vue JS 2组件框架 vonic：快速构建移动端单页应用 eme：优雅的Markdown编辑器 vue-multiselect：Vue.js选择框解决方案 vue-table：简化数据表格 VueCircleMenu：漂亮的vue圆环菜单 vue-chat：vuejs和vuex及webpack的聊天示例 radon-ui：快速开发产品的Vue组件库 vue-waterfall：Vue.js的瀑布布局组件 vue-carbon：基于 vue 开发MD风格的移动端 vue-beauty：由vue和ant design创建的优美UI组件 vue-blu：帮助你轻松创建web应用 vueAdmin：基于vuejs2和element的简单的管理员模板 vue-syntax-highlight：Sublime Text语法高亮 vue-infinite-scroll：VueJS的无限滚动指令 Vue.Draggable：实现拖放和视图模型数组同步 vue-awesome-swiper：vue.js触摸滑动组件 vue-calendar：日期选择插件 bootstrap-vue：应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe：VueJS触摸滑块 vue-amap：基于Vue 2和高德地图的地图组件 vue-chartjs：vue中的Chartjs的封装 vue-datepicker：日历和日期选择组件 markcook：好看的markdown编辑器 vue-google-maps：带有双向数据绑定Google地图组件 vue-progressbar：vue轻量级进度条 vue-picture-input：移动友好的图片文件输入组件 vue-infinite-loading：VueJS的无限滚动插件 vue-upload-component：Vuejs文件上传组件 vue-datetime-picker：日期时间选择控件 vue-scroller：Vonic UI的功能性组件 vue2-calendar：支持lunar和日期事件的日期选择器 vue-video-player：VueJS视频及直播播放器 vue-fullcalendar：基于vue.js的全日历组件 rubik：基于Vuejs2的开源 UI 组件库 VueStar：带星星动画的vue点赞按钮 vue-mugen-scroll：无限滚动组件 mint-loadmore：VueJS的双向下拉刷新组件 vue-tables-2：显示数据的bootstrap样式网格 vue-virtual-scroller：带任意数目数据的顺畅的滚动 DataVisualization：数据可视化 vue-quill-editor：基于Quill适用于Vue2的富文本编辑器 Vueditor：所见即所得的编辑器 vue-html5-editor：html5所见即所得编辑器 vue-msgbox：vuejs的消息框 vue-slider：vue 滑动组件 vue-core-image-upload：轻量级的vue上传插件 vue-slide：vue轻量级滑动组件 vue-lazyload-img：移动优化的vue图片懒加载插件 vue-drag-and-drop-list：创建排序列表的Vue指令 vue-progressive-image：Vue的渐进图像加载插件 vuwe：基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzone：用于文件上传的Vue组件 vue-charts：轻松渲染一个图表 vue-swiper：易于使用的滑块组件 vue-images：显示一组图片的lightbox组件 vue-carousel-3d：VueJS的3D轮播组件 vue-region-picker：选择中国的省份市和地区 vue-typer：模拟用户输入选择和删除文本的Vue组件 vue-impression：移动Vuejs2 UI元素 vue-datatable：使用Vuejs创建的DataTableView vue-instant：轻松创建自动提示的自定义搜索控件 vue-dragging：使元素可以拖拽 vue-sli
Pagekit 是一个开源的CMS，在Vue. js 和Symphony框架的帮助下构建。CMS是模块化的，所以你可以逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它可以自由地修改、共享和重新发布，没有任何限制。
上面的数据是截止到今年 4 月份的，与去年同期相比，增长很可观，整个的前端开发市场还在不断扩大。
所以，我们看到了，要想在AIGC上做点什么，立足点，还是需要本身有一个比较好的产品。
本文编辑 : Jack 风 编程工具 : Vscode 阅读时长 : 6分钟
158 万周活跃用户（通过 devtools 插件来统计），940 万的月下载量。
Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。
Vue Heatmap是一个基于Vue.js的Github样式的日历热图，可使用d3.js 库动态呈现类似Github贡献图的日历热图 。
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
仓库地址：https://github.com/opendigg/awesome-github-vue
原文链接：https://dev.to/flatlogic/top-16-vue-open-source-projects-227a
各位亲们，关于vue3.0的方案已在拟定中了，想必大家都听说过了吧，2.0你学会了吗？没学会的还不抓紧时间补补，看完官方文档再加上本文分享的重量级源码，想必各位亲们事倍功半，进步飞速，废话少说，进入正题。
后台的模板是我们做后台管理系统经常所需要的东西。虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。
先前的两篇文章，我们了解了所见即所得编辑器的原理，接下来，我们就要开始在知晓原理情况下搞点事情了，给所见即所得加持上AI的能力。本文，我们将给所见即所得编辑器，当然是基于Tiptap实现的，增加AI能力，大致分为三个功能点。
后面的模板是我们做后台管理系统经常所需要的东西。 虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。
“Material Design 并不是一种单一风格，而代表着一套源自纸张与墨水的适应性设计系统。经过精心编排，你将能够更快构建起美观且实用的产品。”
本文主要跟大家分享一些 Vue 的 UI 库，这些库都是 github 高星的库，废话不多说，我们一直来看看。
本文总结了一些最值得关注的工具和库，相信你迟早会用在自己的 Vue.js 项目中。同类文章经常只会列举一些 UI 组件库，而本文涉及的范围更广，探讨了 Vue 生态系统中的一系列工具、库和插件。
在本文中，我们将着眼于应该采用的实践，应该避免的事情，并仔细研究一些有助于编写 Vue.js 的有用工具。 我将主要关注 Vue 2，因为大多数人和组织仍在使用旧版本。 不过不用担心，因为这里提到的大多数内容仍然适用于 Vue 3，因为它只是一个增压和更快的版本。 不过，如果您已经了解 Vue 2 并且只想了解 Vue 3 中的新功能，那么您可以查看迁移指南以了解更多信息。
看完以上介绍，也明白了本文要做的事：用 Vue.js 与 Vuetify 组件，基于 Electron 来创建原生桌面应用。
不像CKEditor 4, CKEditor 5实现了自定义数据模型。这意味着加载到编辑器中的每个内容都需要转换为该模型，然后再渲染回视图。
大家吼，我是你们的朋友煎饼狗子——喜欢在社区发掘有趣的作品和作者。【每日精选时刻】是我为大家精心打造的栏目，在这里，你可以看到煎饼为你携回的来自社区各领域的新鲜出彩作品。点此一键订阅【每日精选时刻】专栏，吃瓜新鲜作品不迷路！
随着Vue.js越来越热门，被很多开发人员采用，因此其生态也越来越完善，相关的工具和库也很丰富。这主要得益于：Vue的学习曲线，清晰的设计结构和使用文档，让有经验的开发人员从其他框架（React和Angular）很方便的入手。
PhpStorm 2022 mac版是一个用 PHP编写的 PHP集成开发环境(置顶文获取)。这个版本已完全准备好投入使用，以加快构建速度和减少对系统资源的依赖。PhpStorm 2022 mac版是一个完全集成的环境，允许您使用各种工具进行构建、测试和发布应用程序。它不仅包括用于 PHP和 Ajax应用程序的所有工具，而且还包括用于图像处理、 HTML和视频开发的工具。PhpStorm 2022 mac版还为 PHP开发人员提供了一些新的功能，使他们可以更快地创建和部署他们的项目。这些功能包括：代码编辑器： PhpStorm 2022 mac版新增了两个强大的新代码编辑器。
Vue作为前端三大框架之一，其已经悄然成为主流，学会用vue相关技术来开发项目会相当轻松。
Vue-Router学习：https://nicen.cn/vue-router.html
众所周知，Vue目前越来越热门，被很多开发人员采用，因此其生态也越来越完善，相关的工具和库也很丰富。这主要得益于：Vue的学习曲线，清晰的设计结构和使用文档，让有经验的开发人员从其他框架（React和Angular）很方便的入手。今天的这篇文章笔者从这些工具的实用性、有效性、独特性选了这十款工具和库，而不是依据Github受欢迎程度或星级，有些你已经很熟悉了并在使用，有些还比较陌生，好了，让我来一起看下这十款热门的工具和库。
WordPress 6.0 版本今天发布了，新版有近1000多个功能增强和 bug 修复，在稳定性，易用性，性能效率等方面都得到了增强。
最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。
其灵感来自于 HexoPlusPlus/HexoPlusPlus (基于 Cloudflare Workers 的无服务器 Hexo 后端)
最近在跟着Johnny的全栈之巅系列视频教程学习使用NodeJS+Express+Element-UI+MongoDB等开发王者荣耀，服务端server，移动端web，admin，学到了不少东西。总体来说，他讲的视频思路蛮清晰的，跟着做基本上都能快速上手。 Element-UI，网站快速成型工具,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element-UI中文官网地址 Express是基于 Node.js 平台，快速、开放、极简的 Web 开发框架，Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。其中文官网地址是：http://www.expressjs.com.cn Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台，目前的Github项目地址是：https://github.com/topfullstack/node-vue-moba 全栈之巅TopFullStack 全栈之巅官方账号 下面的内容转载自Johnny老师的关于该项目的Github的README.md文件，感兴趣的小伙伴可以跟着B站上的视频相关视频学些一下，可以结合Github上面源代码参考学习，不过有一点就是B站上的视频的代码没有Github上面新。
为了省事,我们可以在项目架构时就把一切都准备好,虽然配置起来有点烦人,但是这样写项目的时候真的很方便很丝滑。
插入图片到内容中是非常直观的，在用户体验上隐藏了所有的技术方面（上传，重置大小）。没有了复杂的对话框！
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。
Vue.js 是一套用于构建用户界面的渐进式框架，在目前的前端开放中比较流行的前端框架。
ContentTools是一个美观小巧的网页内容工具（一个JS库），具备所见即所得（WYSIWYG）的编辑器功能，只需几个简单的步骤，即可将ContentTools添加到任何HTML页面。如下图所示页面通过实时ContentTool的弹出层实现实时编辑功能。用小而美来形容它最好不过了！
Quill 是一个免费的，开源的 WYSIWYG （What You See Is What You Get）编辑器，专为现代网络而打造。凭借其模块化架构和富有表现力的 API，你可完全自定义以满足任何需求。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
