# 管理平台之Vite+Js框架

**Repository Path**: trident-framework/trident-mgr-vite-js

## Basic Information

- **Project Name**: 管理平台之Vite+Js框架
- **Description**: 管理平台之Vite+Js框架【Vue3、Vite、Js、Element-plus、Pinia、Axios、Sass、Svg、Echarts、Moment、Nprogress】
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-23
- **Last Updated**: 2025-09-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 管理平台之Vite+Js框架

#### 介绍
这是一个基于Vite和JavaScript的管理平台框架。它提供了一个现代化的前端开发环境，具有快速的构建速度和热更新功能，适用于开发企业级管理后台应用。

#### 软件架构
- **Vite**: 提供快速的开发服务器和即时的模块热更新。
- **Vue.js**: 使用Vue 3进行组件化开发。
- **Element Plus**: 使用Element Plus UI库来构建用户界面。
- **Pinia**: 使用Pinia作为状态管理工具。
- **Vue Router**: 使用Vue Router进行路由管理。
- **Axios**: 使用Axios进行HTTP请求。
- **ECharts**: 使用ECharts进行数据可视化。

#### 安装教程

1. `npm install`
2. `npm i @ckeditor/ckeditor5-build-classic`
3. `npm i @ckeditor/ckeditor5-vue`
4. `npm i @element-plus/icons-vue`
5. `npm i axios -S`
6. `npm i echarts`
7. `npm i echarts-liquidfill`
8. `npm i element-plus --save`
9. `npm i lodash`
10. `npm i moment`
11. `npm i nprogress`
12. `npm i pinia`
13. `npm i pinia-plugin-persistedstate`
14. `npm i sass`
15. `npm i vite-plugin-svg-icons -D`
16. `npm i fast-glob -D`
17. `npm i vue-router@4`

#### 使用说明
1. 克隆仓库到本地。
2. 运行`npm install`安装依赖。
3. 运行`npm run dev`启动开发服务器。
4. 打开浏览器访问`http://localhost:3000`（端口号可能不同，根据实际配置）。

#### 参与贡献

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/)