Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yisibell/vue3-admin-starter
A admin template built by vue(3) + element-plus + vite + typescript.
https://github.com/yisibell/vue3-admin-starter
admin axios element-plus i18n pinia pnpm template typescript vite vue-router vue3
Last synced: 2 months ago
JSON representation
A admin template built by vue(3) + element-plus + vite + typescript.
- Host: GitHub
- URL: https://github.com/yisibell/vue3-admin-starter
- Owner: yisibell
- Created: 2023-04-10T09:28:18.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-10T06:24:54.000Z (3 months ago)
- Last Synced: 2024-10-31T12:46:30.434Z (2 months ago)
- Topics: admin, axios, element-plus, i18n, pinia, pnpm, template, typescript, vite, vue-router, vue3
- Language: Vue
- Homepage: https://hongwenqing.com/vue3-admin-starter/
- Size: 955 KB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# vue3-admin-starter
A vue admin template powered by pnpm + vite + typescript + vue3 + vue-router + pinia + element-plus + axios.
- [Release Notes](./CHANGELOG.md).
# Features
| Development status | Description |
| :---: | :---: |
| :construction: | Developing |
| :heavy_check_mark: | Completed |
## System fuctions
- :heavy_check_mark: Permission control.
- :heavy_check_mark: System control.
- :heavy_check_mark: Api repo management.
- :heavy_check_mark: Tags view navigation.
- :heavy_check_mark: Side menu navigation.
- :heavy_check_mark: Internationalization.
- :heavy_check_mark: Page level caching.
- :heavy_check_mark: SVG icons management.
- :heavy_check_mark: Login page.
- :heavy_check_mark: 404 page.
- :construction: Dashboard page.
## Technology stack
- :heavy_check_mark: Using **pnpm** for dependencies management.
- :heavy_check_mark: Support **Typescript**.
- :heavy_check_mark: Styling via **sass**.
- :heavy_check_mark: Using **pinia** for state management.
- :heavy_check_mark: Using **element-plus** ui component libary.
- :heavy_check_mark: **Vue3** + **Vite5**.
- :heavy_check_mark: **axios** for http request.
- :heavy_check_mark: **vue-i18n** for internationalization.
- :heavy_check_mark: **vite-plugin-svg4vue** for SVG icons management.
# Setup
```bash
# install dependencies
$ pnpm install
```
# Development
```bash
# Developing locally
$ pnpm dev
```
# Production
```bash
# building for function test environment
$ pnpm build:ft
# building for production environment
$ pnpm build:prod
```
# Preview
```bash
# previewing the build locally
$ pnpm preview
```