# nebula-web

**Repository Path**: neegix-opensource-group/nebula-web

## Basic Information

- **Project Name**: nebula-web
- **Description**: 基于vue3+vite5+element-plus,手撸的一套脚手架
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: https://nebula-demo.neegix.com
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2024-03-25
- **Last Updated**: 2025-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, vite5, element-plus, vue-router

## README


# <div align=center>nebula-web</div>

<div align=center>

  ![Static Badge](https://img.shields.io/badge/v0.0.1-white?style=flat&logo=nebula&label=nebula&color=%23FF0000)

  ![Static Badge](https://img.shields.io/badge/v20.11.1-white?style=flat&logoColor=%23339933&label=nodejs&color=%23339933)
  ![Static Badge](https://img.shields.io/badge/v10.5.0-white?style=flat&logo=npm&label=npm&color=%23CB3837)
  ![Static Badge](https://img.shields.io/badge/v3.4.21-white?style=flat&label=vue&color=%234FC08D)
  ![](https://img.shields.io/badge/v5.0.8-white?style=flat&logo=vue&label=vue%2Fcli&labelColor=%234FC08D)
  ![Static Badge](https://img.shields.io/badge/v5.2.4-white?style=flat&logo=vite&label=vite&color=%23646CFF)
</div>

#### 介绍
基于element-plus的UI组件， 从头搭一个脚手架，争取实现一个简单，可用，商业友好的脚手架平台，并以此为基础，创建自己的应用

希望大家都能参与进来。共同成长

基于vue3+vite5+element-plus,手撸的一套脚手架

#### 软件架构
* Vue3
* Vite5
* Element-Plus
* Vue Router
* Pinia

#### 安装教程

1.  安装依赖包：`npm install`
2.  运行：`npm run dev`
3.  编译：`npm run build`

#### 系统截图（目前还是非常原始的一个状态，会不断更新，放图是为了让大家心里有个数）
![展开时的菜单](https://gitee.com/kushu001/pic-go-images/raw/master/images/20240327154001.png)
![缩小后的菜单](https://gitee.com/kushu001/pic-go-images/raw/master/images/20240327154025.png)
![添加的路由](https://gitee.com/kushu001/pic-go-images/raw/master/images/20240328104431.png)
![添加的路由](https://gitee.com/kushu001/pic-go-images/raw/master/images/20240328104501.png)
![给tabs导航添加右键菜单](https://gitee.com/kushu001/pic-go-images/raw/master/images/20240401124418.png)
#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)