乐趣区

关于vue.js:Vue3教程一个基于-Vue-3-Vant-3-的商城项目开源啦

之前公布过一篇文章,通知大家我要开发一个 Vue3 的商城我的项目并开源到 GitHub 上,供大家练手和学习,随后也始终有收到留言和反馈,问我开发到哪里了,什么时候开源之类的问题,明天终于能够告诉大家,实现啦!🎉🎉开源啦!🎉🎉

因为失常下班的缘故,所以只能抽出闲暇工夫来做,适逢几次加班,导致比预估的工时推延了一些工夫,2020 年 11 月 3 日把我的项目开发的差不多了,之后始终处于自测和批改小问题的阶段。

我发现大家对这个我的项目的激情也挺高,所以在上周末也把我的项目部署到线上,让大家帮忙测试了一波。不过工夫仓促还没来得及整顿这些事件,后续我会把测试记录整顿并公布上来,让大家看一下过程中遇到了哪些问题。

前文回顾:《Vue3 来了,Vue3 开源商城我的项目重构打算正式启动!》

开源地址

所有的代码、文件全副都开源到 GitHub 仓库中,并没有任何藏着掖着的行为,不会说短少哪个页面或者某个重要性能,这种事件是不存在的,大家先看看文章和预览图,感觉不错的敌人能够持续理解一下这个我的项目。

当然,也心愿感兴趣的敌人能够找找其中的问题,提一些 pr 或者 issue,让这个开源我的项目可能缩小问题并且放弃提高。

newbee-mall-vue3-app 在 GitHub 和国内的码云都创立了代码仓库,如果有人拜访 GitHub 比较慢的话,倡议在 Gitee 上查看该我的项目,两个仓库会放弃同步更新。

  • in GitHub : newbee-mall-vue3-app
  • in Gitee : newbee-mall-vue3-app

预览地址

Vue3 版本的商城我的项目曾经部署到线上环境,在开源仓库里能够看到拜访地址。

因为服务器的带宽并不是十分大,放心大家间接把服务器挤爆了,心愿大家不要一起拜访,哈哈哈哈。

技术栈

新蜂商城 Vue 版本的第一个版本是 Vue2.6,这次是全新的降级,技术栈和组件也对应的降级为 Vue3.x、Vue-Router4.x、Vuex4.x、Vant3.x:

  • Vue
  • Vue-Router
  • Vuex
  • Vant
  • better-scroll

预览图

之前的开发版本是 Vue 2.6.10 和 Vant 2.5.0,与前一版相比拟的话,除了 Vue 和组件的版本升级外,局部图标和页面实现也有一些微调,Vue3 版本的商城我的项目预览图如下:

  • 登录页

  • 首页

  • 商品搜寻

  • 商品详情页

  • 购物车

  • 生成订单

  • 地址治理

  • 订单列表

  • 订单详情

代码奉献

当然,目前是 newbee-mall-vue3-app 的第一个版本,尽管曾经测试过几轮,不过有时候自测的可能不欠缺,应该还会有一些问题存在,也心愿大家能够提出一些优化倡议,能够提交 issue,也能够给我留言或者到交换群里间接艾特我。

当然我也心愿大家都可能为该我的项目做一下代码奉献,步骤如下:

  • fork 代码
  • 创立本人的分支
  • commit 并 push 批改的明码到你 fork 的代码仓库
  • 提交 pr

总结

因为工夫的关系也没有工夫具体的解说开发过程和一些注意事项,只是通过这篇简简单单的文章通知大家,Vue 3 版本的商城开发进去了,也第一工夫开源了进去供大家学习和练习,过程中如果有任何问题,也心愿大家给我反馈,我会尽快的修复掉这些问题。

这篇文章就先这样了,下周再总结一篇更加丰盛的内容,让大家能够更好的意识这个我的项目,感激大家的观看,而后也心愿大家动动发财的小手,帮忙点个 Star 或者分享进来让更多地人能够看到这个我的项目,谢谢大家的反对啦。

除注明转载 / 出处外,皆为作者原创,欢送转载,但未经作者批准必须保留此段申明,且在文章页面显著地位给出原文链接,否则保留查究法律责任的权力。

退出移动版