# tw-vue-vite

**Repository Path**: null_036_5877/tw-vue-vite

## Basic Information

- **Project Name**: tw-vue-vite
- **Description**: 一个基于vue3.2（全家桶）+ vite + elementplus的系统集成架构
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 1
- **Created**: 2022-06-28
- **Last Updated**: 2025-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vite, vue3, admin

## README

# tw-vue-vite

#### 介绍
一个基于vue3.2（全家桶）+ vite + elementplus + TS的系统集成架构

#### 软件架构
##### 前端工具类集成：
###### 1.lodash     // 前端类集成工具
###### 2.moment     // 时间控件
###### 3.nprogress  // 轻量级进度条
###### 4.postcss    // 自动补全个浏览器兼容样式


集成了
autoImport
Components


#### 安装教程
请不要使用太高的node版本去install，目前编译匹配的各个插件版本兼容性非常不友善。使用请相对降级node。我目前使用版本是6.14.13
1.  npm install 
2.  npm run dev
3.  npm run build

#### 使用说明

1.  vue3.2 组合式api，setup语法
2.  vite毫秒级启动编译速度
3.  typescript语法校验
4.  做到开箱集用的后台管理系统
5.  集成了Inspect 让开发人员实时分析页面流程和性能优化
6.  添加threejs智慧城市显示效果
    ![img.png](img.png)
7.  添加gis - cesiumChina中国地图显示
    ![img_1.png](img_1.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/)