✨ hometown-h5-template 💥

A Vue 3 h5 template.

Be easy. Be simple. Out of the box📦

English | 中文

Introduction

hometown-h5-template It is an out-of-the-box h5 front-end solution, which provides a rich and concise development environment for front-end development friends, focuses on business, improves development efficiency, and can also be used for learning reference.

Preview

Online preview

Technology stack

• Vue3 v3.2.31
• TypeScript v4.9.5
• Vite v4.1.1
• VantUI v4.0.10
• Pinia v2.0.13
• UnoCSS v0.49.4
• sass v1.49.11
• HoMeTownJS *.**.**

Characteristic

• Latest technology stack: Vue3/Vite4 and other cutting-edge technology development&efficient npm package management tool pnpm
• TypeScript： Application-level JavaScript
• Flexible CSS: Single theme configuration entry, powerful CssVar
• Request： A complete network request scheme based on axios

Recommended development environment

• node v14.21.2
• npm v6.14.17
• pnpm v7.26.3
• vscode v1.75.1

Installation and use

Clone Code

git clone https://github.com/HoMeTownSoCool/hometown-h5-template.git

Installation dependency

pnpm install

Run

pnpm dev

Bulild

pnpm build

Dir

├── LICENSE
├── README.md
├── README.zh_CN.md
├── auto-imports.d.ts 
├── build # Packaging related
├── components.d.ts 
├── dist 
├── index.html
├── node_modules
├── package.json
├── pnpm-lock.yaml
├── public 
├── src
  ├── App.vue
  ├── assets 
  ├── components 
  ├── const
  ├── enum 
  ├── hooks 
  ├── main.ts 
  ├── plugins
  ├── router 
  ├── service 
  ├── store 
  ├── style 
  ├── typings
  ├── utils
  └── views 
├── stats.html
├── tsconfig.json 
├── unocss.config.ts 
└── vite.config.ts 

Code commit

The project has built in the regular submission specification. Just execute the commit command directly.

code commit:

git add .

pnpm commit

git push origin xx

Browser support

Chrome 90+ browser is recommended

not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

License

MIT

CHANGELOG

CHANGELOG

Author

HoMeTown 🙊

Thanks

Soybean