https://linkedbus.com/sitetag/vue3/ Recent content in Vue3 on 链氪巴士 Hugo -- gohugo.io zh-CN Mon, 09 Dec 2024 14:48:35 +0800 https://linkedbus.com/sites/22083.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22083.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post blog-vue-typescript：基于多种技术的博客前台展示" /><p class="site-visit"><a href="https://github.com/biaochenxuying/blog-vue-typescript" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名blog--vue--typescript基于多种技术的博客前台展示"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dblog--vue--typescript%e5%9f%ba%e4%ba%8e%e5%a4%9a%e7%a7%8d%e6%8a%80%e6%9c%af%e7%9a%84%e5%8d%9a%e5%ae%a2%e5%89%8d%e5%8f%b0%e5%b1%95%e7%a4%ba" class="header-anchor"></a>【Github】项目名：blog – vue – typescript：基于多种技术的博客前台展示 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>此项目是基于Vue3全家桶+TypeScript+element – plus技术栈构建的简洁时尚博客网站。已经完成了如登录注册、文章列表、文章归档、标签、点赞与评论等功能，并且文章详情支持代码语法高亮与目录，也适配了移动端，还支持github授权登录。</p> https://linkedbus.com/sites/22117.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22117.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post Fes.js：基于Vue3的前端应用解决方案" /><p class="site-visit"><a href="https://github.com/WeBankFinTech/fes.js" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名fesjs基于vue3的前端应用解决方案"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dfesjs%e5%9f%ba%e4%ba%8evue3%e7%9a%84%e5%89%8d%e7%ab%af%e5%ba%94%e7%94%a8%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88" class="header-anchor"></a>【Github】项目名：Fes.js：基于Vue3的前端应用解决方案 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>Fes.js是一个基于Vue3的前端应用解决方案。它提供从编译构建到代码运行每个生命周期的插件体系，支持功能扩展与业务需求。整体设计以约定、配置化、组件化为主，用户只需关注用组件搭建页面内容。基于Vue3.0，利用其丰富生态，技术曲线平缓，上手简单且经多项目打磨趋于稳定。</p> https://linkedbus.com/sites/22192.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22192.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post img-vuer：一个移动端优先的Vue3图片预览插件" /><p class="site-visit"><a href="https://github.com/ssshooter/img-vuer" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名img-vuer一个移动端优先的vue3图片预览插件"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dimg-vuer%e4%b8%80%e4%b8%aa%e7%a7%bb%e5%8a%a8%e7%ab%af%e4%bc%98%e5%85%88%e7%9a%84vue3%e5%9b%be%e7%89%87%e9%a2%84%e8%a7%88%e6%8f%92%e4%bb%b6" class="header-anchor"></a>【Github】项目名：img-vuer：一个移动端优先的Vue3图片预览插件 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>img-vuer是一个用于Vue3的移动端优先的图片预览插件。它易于使用，支持滑动手势、缩放手势等功能。在安卓设备上，当按下物理返回按钮时，缩略图-图库会隐藏，修复了使用scale()后模糊的问题，并且兼容PC端，现在可以在移动和PC浏览器上使用。</p> https://linkedbus.com/sites/22220.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22220.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post movie-trailer：Vue3+TypeScript开发的电影预告片web APP" /><p class="site-visit"><a href="https://github.com/lhz960904/movie-trailer" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名movie-trailervue3typescript开发的电影预告片web-app"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dmovie-trailervue3typescript%e5%bc%80%e5%8f%91%e7%9a%84%e7%94%b5%e5%bd%b1%e9%a2%84%e5%91%8a%e7%89%87web-app" class="header-anchor"></a>【Github】项目名：movie-trailer：Vue3+TypeScript开发的电影预告片web APP </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个使用Vue3和TypeScript开发的电影预告片web APP。用户可以通过movie.ihaoze.cn访问该应用，在应用中能够查看正在热映与即将上映的电影信息和短片。该项目存在相关项目如后台API支持movie-api（已升级成Egg）、电影数据爬虫movie-crawler（python爬取，已废弃）以及Flutter项目等。项目经历了多个版本的更新，如V4.0.0使用Nuxt3，使用vercel实现持续集成自动发布等。不过由于项目复杂度较低、技术栈落后，后续不会继续维护此项目。</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/22214.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22214.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-authorized：Vue3基于ABAC的权限验证组件" /><p class="site-visit"><a href="https://github.com/xjh22222228/vue-authorized" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue-authorizedvue3基于abac的权限验证组件"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue-authorizedvue3%e5%9f%ba%e4%ba%8eabac%e7%9a%84%e6%9d%83%e9%99%90%e9%aa%8c%e8%af%81%e7%bb%84%e4%bb%b6" class="header-anchor"></a>【Github】项目名：vue-authorized：Vue3基于ABAC的权限验证组件 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>vue-authorized是一个用于Vue3的组件，它基于基于属性的访问控制（ABAC）进行权限验证。该项目的开源协议为MIT license，它拥有231个stars和50个forks。</p> https://linkedbus.com/sites/22225.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22225.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue3-jd-h5：基于Vue等技术的移动端H5电商平台" /><p class="site-visit"><a href="https://github.com/geekskai/vue3-jd-h5" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue3-jd-h5基于vue等技术的移动端h5电商平台"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue3-jd-h5%e5%9f%ba%e4%ba%8evue%e7%ad%89%e6%8a%80%e6%9c%af%e7%9a%84%e7%a7%bb%e5%8a%a8%e7%ab%afh5%e7%94%b5%e5%95%86%e5%b9%b3%e5%8f%b0" class="header-anchor"></a>【Github】项目名：vue3-jd-h5：基于Vue等技术的移动端H5电商平台 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>vue3-jd-h5是一个电商H5页面前端项目，基于Vue3.0.0 + Vant3.0.0实现，主要包括首页、分类页、我的页面、购物车等页面。其本地离线代码在demo分支，使用mockjs数据开发。master分支为线上生产环境代码，部分后台接口已挂起，可能无法看到实际效果。该项目存在不少缺点，欢迎贡献者发送PR或提出问题，项目免费开源，可供二次开发。</p> https://linkedbus.com/sites/22162.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22162.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post wl-mfe：基于vue3、koa2、qiankun2的微前端后台管理系统实战" /><p class="site-visit"><a href="https://github.com/wl-ui/wl-mfe" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名wl-mfe基于vue3koa2qiankun2的微前端后台管理系统实战"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dwl-mfe%e5%9f%ba%e4%ba%8evue3koa2qiankun2%e7%9a%84%e5%be%ae%e5%89%8d%e7%ab%af%e5%90%8e%e5%8f%b0%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f%e5%ae%9e%e6%88%98" class="header-anchor"></a>【Github】项目名：wl-mfe：基于vue3、koa2、qiankun2的微前端后台管理系统实战 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>wl-mfe是一个基于vue3+koa2+qiankun2构建的微前端后台管理系统项目。项目详细介绍了从项目初始化、主应用基座构建、子应用构建、微应用间通信、跨应用通信与vuex结合到发布上线的整个过程，还涉及不同端口配置下的nginx部署等内容。</p> https://linkedbus.com/sites/22178.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22178.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post xsf0105/my-vue3-template：Vue3的启动模板，最佳实践！" /><p class="site-visit"><a href="https://github.com/xsf0105/my-vue3-template" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名xsf0105my-vue3-templatevue3的启动模板最佳实践"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dxsf0105my-vue3-templatevue3%e7%9a%84%e5%90%af%e5%8a%a8%e6%a8%a1%e6%9d%bf%e6%9c%80%e4%bd%b3%e5%ae%9e%e8%b7%b5" class="header-anchor"></a>【Github】项目名：xsf0105/my-vue3-template：Vue3的启动模板，最佳实践！ </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>Vue3 Admin Vite是一个免费开源的中后台管理系统基础解决方案。它基于Vue3、TypeScript、ElementPlus、Pinia和Vite等主流框架构建。具备多种特性，如使用Vue3的最新组合API（Vue3 + script setup），采用ElementPlus（Vue3版本的ElementUI）、Pinia（Vue3中替代Vuex的方案）、Vite（速度很快）、VueRouter等，还有TypeScript、PNPM（更快且节省磁盘空间的包管理工具）、Scss、CSS变量用于布局和颜色控制、ESlint代码验证、Prettier代码格式化、Axios（基于Promise的HTTP客户端，已封装）、UnoCSS（高性能且灵活的实时原子化CSS引擎）等。在功能方面，包含用户管理（登录登出演示）、权限管理（页面级、按钮级权限，路由导航守卫）、多环境（开发、预发布、生产）、多主题（正常、黑暗、深蓝）、多种布局（左、上、左上）、错误页面（403、404）、仪表盘（根据用户显示不同页面）以及其他功能如SVG、动态侧边栏等。</p> https://linkedbus.com/sites/22184.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22184.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post xusenlin/vue-element-ui-admin：一个基于多种技术的后台模板" /><p class="site-visit"><a href="https://github.com/xusenlin/vue-element-ui-admin" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名xusenlinvue-element-ui-admin一个基于多种技术的后台模板"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dxusenlinvue-element-ui-admin%e4%b8%80%e4%b8%aa%e5%9f%ba%e4%ba%8e%e5%a4%9a%e7%a7%8d%e6%8a%80%e6%9c%af%e7%9a%84%e5%90%8e%e5%8f%b0%e6%a8%a1%e6%9d%bf" class="header-anchor"></a>【Github】项目名：xusenlin/vue-element-ui-admin：一个基于多种技术的后台模板 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>xusenlin/vue-element-ui-admin是一个基于Vue3(ScriptSetup)+TS+Vite+ElementPlus+Pinia+VueRouter+Axios的后台模板。它做了目录结构的整理和常用方法的封装，具有开箱即用的特点。这个模板追求极简实用，杜绝花里胡哨。它干净简单、职责清晰，在处理Axios方面有简单的方式以方便json、formData、文件上传的操作。其分页采用全部使用vue3的单文件ScriptSetup封装，能快速接入业务系统。</p> https://linkedbus.com/sites/22120.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22120.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post zhaotoday/element-plus：基于Vue3+ElementPlus的后台管理系统" /><p class="site-visit"><a href="https://github.com/zhaotoday/element-plus" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名zhaotodayelement--plus基于vue3elementplus的后台管理系统"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dzhaotodayelement--plus%e5%9f%ba%e4%ba%8evue3elementplus%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】项目名：zhaotoday/element – plus：基于Vue3+ElementPlus的后台管理系统 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个基于Vue3和ElementPlus构建的后台前端解决方案，涵盖开发调试、构建、代码规范校验等功能。其技术栈包含Vue、Webpack、ES6、VueRouter、Vuex、Sass、PostCSS等。</p> https://linkedbus.com/sites/21407.html Thu, 05 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21407.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post JeeSite：基于多种技术的Java快速开发平台" /><p class="site-visit"><a href="https://github.com/thinkgem/jeesite" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名jeesite--基于多种技术的java快速开发平台"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8djeesite--%e5%9f%ba%e4%ba%8e%e5%a4%9a%e7%a7%8d%e6%8a%80%e6%9c%af%e7%9a%84java%e5%bf%ab%e9%80%9f%e5%bc%80%e5%8f%91%e5%b9%b3%e5%8f%b0" class="header-anchor"></a>【Github】项目名：JeeSite – 基于多种技术的Java快速开发平台 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>JeeSite是一个Java快速开发平台，基于Spring Boot、Spring MVC、Apache Shiro、MyBatis、Beetl、Bootstrap、AdminLTE等技术构建。它支持在线代码生成，包含组织、角色用户、菜单和按钮授权、数据权限、系统参数、内容管理、工作流等模块，采用松耦合设计，具备一键换肤、账户安全设置、密码策略、在线定时任务配置等功能，支持集群、SAAS，也支持多数据源。其前端基于Vue3、Vite、Ant – Design – Vue、TypeScript、VueVbenAdmin等技术栈构建，提供了诸多组件封装和数据驱动视图的特性。</p> https://linkedbus.com/sites/21372.html Thu, 05 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21372.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post lyswhut/lx-music-desktop：基于electron的音乐软件" /><p class="site-visit"><a href="https://github.com/lyswhut/lx-music-desktop" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名lyswhutlx--music--desktop一个基于electron的音乐软件"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dlyswhutlx--music--desktop%e4%b8%80%e4%b8%aa%e5%9f%ba%e4%ba%8eelectron%e7%9a%84%e9%9f%b3%e4%b9%90%e8%bd%af%e4%bb%b6" class="header-anchor"></a>【Github】项目名：lyswhut/lx – music – desktop：一个基于electron的音乐软件 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个基于Electron+Vue开发的音乐软件，所用技术栈为Electron15+Vue3。它支持Windows7及以上、MacOS、Linux等平台。软件有更新日志可供查看软件变化，可从发布页面或者蓝奏网盘（https://www.lanzoui.com/b0bf2cfa/，密码：glqw）下载，还有常见问题解答页面。从v1.17.0起支持SchemeURL且有配套油猴脚本，v2.2.0起有独立版的数据同步服务。</p>