https://linkedbus.com/sitetag/vue2/ Recent content in Vue2 on 链氪巴士 Hugo -- gohugo.io zh-CN Sat, 07 Dec 2024 19:22:03 +0800 https://linkedbus.com/sites/22249.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22249.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post Arya-功能丰富的在线Markdown编辑器：支持多种功能" /><p class="site-visit"><a href="https://github.com/nicejade/markdown-online-editor" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名arya-功能丰富的在线markdown编辑器"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8darya-%e5%8a%9f%e8%83%bd%e4%b8%b0%e5%af%8c%e7%9a%84%e5%9c%a8%e7%ba%bfmarkdown%e7%bc%96%e8%be%91%e5%99%a8" class="header-anchor"></a>【Github】项目名：Arya-功能丰富的在线Markdown编辑器 </h2><h3 id="一项目简介"><a href="#%e4%b8%80%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>一、项目简介 </h3><p>Arya是一个基于Vue2和Vditor构建的在线Markdown编辑器。它具有众多功能，包括支持绘制流程图、甘特图、时序图、任务列表、echarts图表、五线谱，以及PPT预览、视频音频解析、HTML自动转换为Markdown等功能。项目地址为https://www.niceshare.site/markdown.lovejade.cn/，在Github上有2.6k个星标，357个分叉。</p> https://linkedbus.com/sites/22216.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22216.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post h5editor：仿易企秀类h5页面编辑工具（不再维护）" /><p class="site-visit"><a href="https://github.com/Alvin-Liu/h5editor" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名h5editor-仿易企秀类h5页面编辑工具不再维护"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dh5editor-%e4%bb%bf%e6%98%93%e4%bc%81%e7%a7%80%e7%b1%bbh5%e9%a1%b5%e9%9d%a2%e7%bc%96%e8%be%91%e5%b7%a5%e5%85%b7%e4%b8%8d%e5%86%8d%e7%bb%b4%e6%8a%a4" class="header-anchor"></a>【Github】项目名：h5editor-仿易企秀类h5页面编辑工具（不再维护） </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>h5editor是一款可视化手机h5编辑器（虽称为h5编辑器不太准确，但周围人这样认为便如此称呼），主要功能是上下全屏翻页这种微场景效果，基于vue2、element-ui实现，主要功能模仿易企秀。这只是个临时兴起的项目，开始于刚接触vue没多久的时候。</p> https://linkedbus.com/sites/22221.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22221.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post Mindmap component for Vue2：Vue2思维导图组件" /><p class="site-visit"><a href="https://github.com/hellowuxin/mindmap" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名mindmap-component-for-vue2vue2思维导图组件"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dmindmap-component-for-vue2vue2%e6%80%9d%e7%bb%b4%e5%af%bc%e5%9b%be%e7%bb%84%e4%bb%b6" class="header-anchor"></a>【Github】项目名：Mindmap component for Vue2：Vue2思维导图组件 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个用于Vue2的思维导图组件，其受到MindNode启发，基于d3.js实现。目前已经实现基本的编辑、拖移、缩放、撤销、上下文菜单、折叠等功能。不过该项目基本不会再维护，当前正在开发Vue3、d3v6版本的思维导图组件。</p> https://linkedbus.com/sites/22153.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22153.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vincentzyc/form-design：动态表单页面自动生成" /><p class="site-visit"><a href="https://github.com/vincentzyc/form-design" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vincentzycform-design动态表单页面自动生成"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvincentzycform-design%e5%8a%a8%e6%80%81%e8%a1%a8%e5%8d%95%e9%a1%b5%e9%9d%a2%e8%87%aa%e5%8a%a8%e7%94%9f%e6%88%90" class="header-anchor"></a>【Github】项目名：vincentzyc/form-design：动态表单页面自动生成 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个名为vincentzyc/form-design的项目，它专注于动态表单页面设计，能够自动生成页面。在Vue2版本中可自动生成H5页面，一些简单页面无需前端人员参与，运营人员就能自行新建和修改。此外还有Vue3版本（Vue3 + Typescript+Element-Plus），项目提供了诸如编译、热重载开发、编译和最小化生产等功能，还有测试、代码整理修复等操作。项目还有一个交流群方便交流沟通。</p> https://linkedbus.com/sites/22110.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22110.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-blog：Vue2+Node.js+Mongodb前后端分离的个人博客" /><p class="site-visit"><a href="https://github.com/rudyxu1102/vue-blog" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue--blogvue2nodejsmongodb前后端分离的个人博客"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue--blogvue2nodejsmongodb%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e7%9a%84%e4%b8%aa%e4%ba%ba%e5%8d%9a%e5%ae%a2" class="header-anchor"></a>【Github】项目名：vue – blog：Vue2+Node.js+Mongodb前后端分离的个人博客 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个使用Vue2、Node.js和Mongodb构建的前后端分离的个人博客项目。其前端主要采用vue.js、vue – router、vue – resource、vuex等技术，后端主要基于node.js、mongodb、Express构建。该博客具备多种功能，如前台页面有canvas粒子效果、能搜索文章、动态显示文章、留言、文章分类显示、评论文章、文章目录等，后台管理页面可进行发布文章、存为草稿、搜索文章、修改账户、权限验证、登录验证以及使用markdown编辑器等操作。</p> https://linkedbus.com/sites/22074.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22074.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-netease-music：高仿网易云mac客户端播放器（PC）" /><p class="site-visit"><a href="https://github.com/sl1673495/vue-netease-music" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue-netease-music高仿网易云mac客户端播放器pc"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue-netease-music%e9%ab%98%e4%bb%bf%e7%bd%91%e6%98%93%e4%ba%91mac%e5%ae%a2%e6%88%b7%e7%ab%af%e6%92%ad%e6%94%be%e5%99%a8pc" class="header-anchor"></a>【Github】项目名：vue-netease-music：高仿网易云mac客户端播放器（PC） </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个基于Vue2、Vue – CLI3的项目，是高仿网易云mac客户端播放器（PC）的OnlineMusicPlayer。它的诞生源于前端开发者觉得自己没有撸一个音乐播放器是个遗憾，并且PC端Web版网易云音乐简陋，社区仿PC客户端的网易云也不多见，所以开发者用Vue全家桶模仿mac客户端的UI实现了这个播放器。</p> https://linkedbus.com/sites/22154.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22154.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-shiyanlou：基于vue2和vuex的复杂单页面应用" /><p class="site-visit"><a href="https://github.com/HuberTRoy/vue-shiyanlou" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue-shiyanlou基于vue2和vuex的复杂单页面应用"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue-shiyanlou%e5%9f%ba%e4%ba%8evue2%e5%92%8cvuex%e7%9a%84%e5%a4%8d%e6%9d%82%e5%8d%95%e9%a1%b5%e9%9d%a2%e5%ba%94%e7%94%a8" class="header-anchor"></a>【Github】项目名：vue-shiyanlou：基于vue2和vuex的复杂单页面应用 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个基于vue2和vuex的复杂单页面应用，拥有20多个页面以及53个API，是仿实验楼的项目。该项目使用了Vue3 + TypeScript + Vite的模板进行开发，并且还涉及到了如在TypeScript中处理.vue文件类型信息等相关技术内容。项目的语言构成中，Vue占82.5%，TypeScript占16.1%，其他占1.4%。</p> https://linkedbus.com/sites/22223.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22223.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue2-iview2-admin：基于vue2和iview2的后台管理系统" /><p class="site-visit"><a href="https://github.com/hanjiangxueying/vue2-iview2-admin" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue2-iview2-admin基于vue2和iview2的后台管理系统"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue2-iview2-admin%e5%9f%ba%e4%ba%8evue2%e5%92%8ciview2%e7%9a%84%e5%90%8e%e5%8f%b0%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f" class="header-anchor"></a>【Github】项目名：vue2-iview2-admin：基于vue2和iview2的后台管理系统 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>vue2-iview2-admin是一个后台管理系统，主要基于vue2、iview2、axios和webpack2这些技术开发而成。它支持多种安装方式，可运行于IE9+、Firefox（最新）、Chrome（最新）、Safari（最新）等浏览器。在项目运行方面，进入项目运行命令安装依赖包（npm install），安装完成后可运行项目（npm run dev），编译项目可运行命令npm run build，运行后会自动在浏览器中打开特定地址。登录时用户名可任意输入（未做校验），密码需大于6个字符。</p> https://linkedbus.com/sites/21226.html Thu, 05 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21226.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post 【Github】vue2-elm：基于vue2+vuex构建45页大型单页面应用" /><p class="site-visit"><a href="https://github.com/bailicangdu/vue2-elm" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="项目名vue2--elm基于vue2vuex构建45页大型单页面应用"><a href="#%e9%a1%b9%e7%9b%ae%e5%90%8dvue2--elm%e5%9f%ba%e4%ba%8evue2vuex%e6%9e%84%e5%bb%ba45%e9%a1%b5%e5%a4%a7%e5%9e%8b%e5%8d%95%e9%a1%b5%e9%9d%a2%e5%ba%94%e7%94%a8" class="header-anchor"></a>项目名：vue2 – elm：基于vue2+vuex构建45页大型单页面应用 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个基于vue2+vuex构建的大型单页面应用，共包含45个页面，涉及注册、登录、商品展示、购物车、下单等功能，是一个完整的流程。项目的创建者在初学vue时，发现网上的实战项目源码大多是简单的demo或者展示型项目，缺乏像涉及购物车这种对逻辑严谨度要求高、页面交互复杂的项目，所以创建了这个项目。项目所有接口数据来源于配套后台系统，还提供了基于element – ui搭建的后台管理页面。</p> https://linkedbus.com/sites/21381.html Thu, 05 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21381.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue2-happyfri：vue2+vue-router+vuex入门项目" /><p class="site-visit"><a href="https://github.com/bailicangdu/vue2-happyfri" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue2--happyfrivue2vue-routervuex入门项目"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue2--happyfrivue2vue-routervuex%e5%85%a5%e9%97%a8%e9%a1%b9%e7%9b%ae" class="header-anchor"></a>【Github】项目名：vue2 – happyfri：vue2+vue-router+vuex入门项目 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个非常简单的vue2+vuex项目，流程清晰，虽小却五脏俱全，适合作为入门练习。项目中包含了诸如路由配置、actions、mutations、创建store以及创建vue实例等内容，还给出了项目运行的操作步骤，包括克隆到本地、安装依赖、开启本地服务器等操作。</p>