Vue3 Jd H5

Overview

vue3-jd-h5 is an e-commerce H5 page front-end project based on Vue 3.0.0 + Vant 3.0.0 implementation. It includes homepage, category page, my page, shopping cart, and more. The project is open source, and contributions are welcome through PRs or issues. Development steps and installation instructions are provided for setting up the project environment and experiencing the new features of Vue 3.

Features

• E-commerce H5 project: Designed for creating H5 e-commerce pages.
• Vue 3.0.0 + Vant 3.0.0: Implemented using the latest versions of Vue and Vant.
• Various pages: Includes homepage, category page, my page, shopping cart, and more.
• Open source: Project is free and open source, allowing for cloning and forking for secondary development.
• Development environment setup: Instructions for setting up the development environment.
• Composition API: Utilizes the new Composition API for component development.
• setup function: The setup() function serves as the new entry point for using the Composition API features in Vue 3.0.

Installation

1. Clone the project locally by selecting a file and running:

   git clone <repository-url>
   

2. Install dependencies by running:

   npm install
   

3. For development environment, run:

   npm run dev
   

4. Package the project by running:

   npm run dll:build
   

5. For node version 16.20.2 installation, use:

   npm install node@16.20.2
   

6. For @vue/composition-api installation, use:

   npm install @vue/composition-api
   

7. Utilize the CDN in the main entry file main.js to start using the plugin to develop components.

Summary

vue3-jd-h5 is an e-commerce H5 project implemented with Vue 3.0 and Vant 3.0. It provides various pages like the homepage, category page, and shopping cart. The project is open source, welcoming contributions through PRs or issues. Developers can follow the provided installation guide to set up the project environment and explore the new features offered by Vue 3.