Overview

Vue Mobile Template is an open-source mobile template for H5 development. It is built on Vue3.x, CompositionAPI, JavaScript, Vite, Vant, Vue-router-next, and Pinia. The template aims to reduce development workload and facilitate fast mobile app development. It comes with pre-built components and features such as GridCard, MsgList, and SvgIcon. The template also has in-built functionalities for login, logout, permissions, and responsive layout adaptation using Rem. It provides a convenient way to develop mobile apps quickly.

Features

• Vue3.x, CompositionAPI, JavaScript, Vite, Vant, Vue-router-next, and Pinia
• Pre-built components: GridCard, MsgList, SvgIcon
• Login page, chat message list page, and personal center page
• Functionality for login, logout, and permissions
• Responsive layout adaptation with Rem

Installation

To install the Vue Mobile Template, follow these steps:

1. Install Yarn globally by running the command npm install -g yarn in the command prompt.
2. Clone the code repository from GitHub or Gitee:
   • GitHub: https://github.com/Coder-XiaoYi/vue-mobile-template
   • Gitee: https://gitee.com/liupeiqiang/vue-mobile-template
3. Once the repository is cloned, navigate to the project directory using the command prompt.
4. Run the command yarn to install the project dependencies.
5. After the dependencies are installed, the template is ready to use.

Please note that Vue3 and Vant do not support IE11 and earlier versions.

Summary

Vue Mobile Template is an open-source mobile template built on Vue3 and CompositionAPI. It provides a wide range of features and pre-built components to facilitate fast mobile app development. The template includes functionalities for login, permissions, and responsive layout adaptation. It requires Yarn for installation and is not compatible with IE11 and earlier versions. Overall, it is a convenient tool for developers looking to develop mobile apps quickly.