I have published an article before, telling you that I want to develop a Vue3 mall project and open source to GitHub, for you to practice and learn, and then have been receiving messages and feedback, asking me where the development, when open source and so on, today finally can inform you that it is finished! 🎉🎉 Open source! 🎉 🎉

Due to the normal work time, I could only spare time to do it. It happened to work overtime several times, which led to some delay than the estimated work time. The project was almost completed on November 3, 2020, and since then it has been in the stage of self-test and modification of small problems.

I saw a lot of enthusiasm for the project, so I put it online over the weekend and asked people to test it out. However, I haven’t had time to sort these things out due to the rush of time, so I will sort out the test records and post them later, so that you can see what problems you encountered in the process.

Previous review: Here comes Vue3, the refactoring plan of the Vue3 Open Source Mall project is officially launched!

Open source address

All the code, files are all open source to the GitHub repository, and there is no hidden behavior, not missing a page or an important function, this kind of thing does not exist, we first look at the article and preview, feel good friends can continue to learn about this project.

Of course, I also hope that interested friends can find out the problems, some PR or issue, so that this open source project can reduce problems and keep progress.

Newbee-mall -vue3-app creates a code repository on Both GitHub and the domestic code cloud. If you are slow to access GitHub, you are advised to check out the project on Gitee. The two repositories will be updated in sync.

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

Preview the address

The Vue3 version of the mall project has been deployed to an online environment, where access addresses can be seen in the open source repository.

Because the bandwidth of the server is not very large, worried about everyone directly crowded the server, hope everyone do not visit together, ha ha ha.

Technology stack

The first Vue version of new Bee Mall is Vue2.6, this is a new upgrade, the technology stack and components are also upgraded to vue3.x, Vue-Router4.x, vuex4.x, Vant3.x:

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

preview

Vue 2.6.10 and Vant 2.5.0 are the previous development releases. In addition to the Vue and component version upgrades, some of the ICONS and page implementation are slightly tweaks compared to the previous releases. Here is a preview of the Vue3 mall project:

  • The login page

  • Home page

  • Commodity search

  • Product Details page

  • The shopping cart

  • To generate orders

  • Address management

  • The order list

  • The order details

Code contributions

Of course, this is the first version of Newbee-Mall – Vue3-app, although it has been tested for several rounds, but sometimes the self-test may not be perfect, there should still be some problems, I also hope you can put forward some optimization suggestions, you can submit the issue, you can also leave a message to me or directly to the exchange group.

Of course, I hope you can contribute code to the project as follows:

  • The fork the code
  • Create your own branch
  • Commit and push the changed password to your repository at fork
  • Submit a pr

conclusion

Because of the time also does not have the time in detail to explain in detail the development process and some matters needing attention, and only by this article simply tell you that the Vue 3 versions of the mall is developed, is also the first time out of the open source for everybody to learn and practice process if you have any questions, hope you also give me feedback, I’ll repair off these problems as soon as possible.

This article is so first, next week to summarize a more rich content, so that you can better understand this project, thank you for watching, and then hope that you move to make a fortune, help a Star or share out so that more people can see this project, thank you for your support.

In addition to indicate the reprint/source, all are the author’s original, welcome to reprint, but without the consent of the author must retain this paragraph of statement, and in the article page clearly given the original link, or reserve the right to seek legal responsibility.