# crystal-水晶-ts

**Repository Path**: wsaku/crystal-ts

## Basic Information

- **Project Name**: crystal-水晶-ts
- **Description**: crystal（水晶）-前端高新技术研习社
采用当下流行的前沿技术栈搭建的功能模块合集
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-31
- **Last Updated**: 2024-10-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# crystal（水晶）-前端高新技术研习社

### 介绍
该项目主要用于高新技术框架的学习、应用、研发，交流学习不同的开发思想


### 安装教程
```angular2html
npm install
npm run dev
```

### 技术栈
```angular2html
vue3 + pinia + router + ts + element-plus
```

### 运行环境说明
```angular2html
node v18.20.4
npm 10.7.0
```

### 使用的依赖
| 插件名称         | 版本 |       作用       |
|:-------------|:--:|:--------------:|
| vue | 2.7.8  |      UI框架      |
| vite        | 5.4.0  |      前端仓库      |
| vue-router | 4.3.3  |      UI框架      |
| element-plus | 3.4.29  |      UI框架      |
| pinia        | 2.1.7  |      前端仓库      |


### 使用的插件
| 依赖名称                    |       作用       |
|:------------------------|:--------------:|
| unplugin-auto-import    |     模块自动引入     |
| unplugin-vue-components |   vue组件自动引入    |
| vite-plugin-vue-devtools |    页面组件调试工具    |
| typescript          | typescript支持插件 |
| eslint          |     编码规则校验     |

<style type="text/css">
table th, table td{
border: 1px solid olivedrab;
}
table th {
width: 50vw;
padding: 10px 0;
font-size: 1.1em;
}
table tr:hover td {
background: rgba(255, 255, 255, .1);
}
</style>