vue-h5-template icon indicating copy to clipboard operation
vue-h5-template copied to clipboard

vue-h5-template provides the basic template required for h5 page development, and including some common solutions and extended functions on the basis of the official templates.

VUE-H5-TEMPLATE

vue vant license

English | 简体中文

The Vue-H5-Template project provides the basic template required for building mobile H5 page development, and provides some general solutions, reusable components and extended functions.

The project maintains two versions, includes vue2.x and vue3.x. Please select a different branch to view the details.

version: vue2.x | vue3.x

BASIC

Scan

Usage

# clone
$ git -b 2.x [email protected]:Ewall1106/vue-h5-template.git
# install & run
$ yarn & yarn dev

FEATURES

:hammer: basic

  • eslint Check and error prompt
  • prettier uniform program style
  • vw mobile adaption
  • vuex encapsulation && usage
  • vue-router routing configuration and permission control
  • axios encapsulation and request

:hammer: components

  • vant install && usage
  • scroll horizontal scroll component
  • svg-icon icon component
  • ...

CONTENTS

|-- public
|-- src
|   |-- api               // api
|   |-- assets            // assets && picture
|   |-- components        // generic components
|   |-- filters           // filters
|   |-- icons             // icons
|   |-- router            // router
|   |-- store             // state management
|   |-- styles            // common styles
|   |-- utils             // utility function
|   |-- views             // pages
|   |-- App.vue           // main page
|   |-- main.js           // entry file
|-- babel.config.js       // babel config
|-- changelog.md          // changelog
|-- package.json          // just package.json
|-- .postcssrc.js         // postcss config
|-- vue.config.js         // vue config
|-- ...

LICENSE

  • MIT

  • Copyright (c) 2022-present Ewall Xiong