# z_vue_next_vue3FrontEnd

**Repository Path**: z_webfrontend/project

## Basic Information

- **Project Name**: z_vue_next_vue3FrontEnd
- **Description**: 1.适配手机、平板、pc 
2.包含数据动态大屏演示
3.基于vue3.x 、Typescript、vite、pinia、tailwindcss、Element plus
4.基于京东micro框架搭建了微前端，本项目为基座，子应用在childProg项目
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://universe.top
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 4
- **Created**: 2022-06-06
- **Last Updated**: 2025-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
	<img src="https://gitee.com/z_webfrontend/project/raw/master/src/assets/logo.png">
	<p align="center">
	    <a href="https://v3.vuejs.org/" target="_blank">
	        <img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue">
	    </a>
	    <a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank">
	        <img src="https://img.shields.io/badge/element--plus-%3E1.0.0-blue" alt="element plus">
	    </a>
		<a href="https://www.tslang.cn/" target="_blank">
	        <img src="https://img.shields.io/badge/typescript-%3E4.0.0-blue" alt="typescript">
	    </a>
		<a href="https://vitejs.dev/" target="_blank">
		    <img src="https://img.shields.io/badge/vite-%3E2.0.0-yellow" alt="vite">
		</a>
	</p>
	<p>&nbsp;</p>
</div>


#### 🌈 介绍

基于vue3.x 、Typescript、vite、pinia、tailwindcss、Element plus等技术， 适配手机、平板、pc，包含数据动态大屏演示
基于京东micro框架搭建了微前端，本项目为基座，子应用在childProg项目

#### ⛱️ 线上预览

- vue3.2.25 版本预览（z_vue_next）<a href="http://zuniverse.top/" target="_blank">http://zuniverse.top/</a>

#### 💒 代码仓库

- vue3.2.25 版本 <a href="https://gitee.com/z_webfrontend/project" target="_blank">https://gitee.com/z_webfrontend/project</a>

#### ⚡ 使用说明

```bash
# 克隆项目
git clone https://gitee.com/z_webfrontend/project.git

# 进入项目
cd project

# 安装依赖
npm install

# 运行项目
npm run dev

# 打包发布
npm run build
```