# iita-iot-web-admin

**Repository Path**: lcwu-xa/iita-iot-web-admin

## Basic Information

- **Project Name**: iita-iot-web-admin
- **Description**: OPENIITA物联网平台管理后台前端项目
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: V0.5.x
- **Homepage**: https://open-iita.feishu.cn/wiki/Km67wBKNNiFMrMkldCJcxa6vnLe
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 291
- **Created**: 2024-05-14
- **Last Updated**: 2024-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 平台简介

- 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [TS](https://www.typescriptlang.org/) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) 版本。
- 配套后端代码仓库地址
- [铱塔智联开源 / iot-iita](https://gitee.com/open-iita/iotkit-parent)

## 前端目录结构

```
|-- .editorconfig              编辑器配置
|-- .env.development           开发环境配置
|-- .env.production            生产环境配置
|-- .eslintignore              eslint忽略配置
|-- .eslintrc-auto-import.json eslint自动导入json校验
|-- .eslintrc.js               eslint规则配置
|-- .gitignore                 git忽略
|-- .prettierignore            prettier忽略
|-- commitlint.config.js       git commit 格式校验
|-- index.html                 项目单页面主页
|-- package.json               项目配置
|-- pnpm-lock.yaml             pnpm依赖锁
|-- README.md
|-- tsconfig.json              ts配置
|-- vite.config.ts             vite配置
|-- bin                        脚本
|-- dist                       打包生成
|-- public                     根目录静态资源
|-- src                        项目主要目录
|   |-- animate.ts             动画
|   |-- App.vue                vue根组件
|   |-- main.ts                入口文件：实例化
|   |-- permission.ts          权限
|   |-- settings.ts            项目信息设置
|   |-- api                    全局api
|   |-- assets                 静态资源
|   |   |-- icons              图标目录
|   |   |   |-- svg            svg目录
|   |   |-- images             图片资源
|   |   |-- logo               网站LOGO
|   |   |-- styles             样式文件
|   |-- components             组件库
|   |-- directive              指令库
|   |-- enums                  枚举库
|   |-- hooks                  组合式api
|   |-- lang                   国际化
|   |-- layout                 布局组件
|   |-- plugins                插件
|   |-- router                 路由
|   |-- store                  状态管理
|   |-- types                  ts 类型
|   |-- utils                  工具库
|   |-- views                  视图层
|       |-- iot                iot主要功能
|-- vite                       vite相关扩展
```

## 前端运行

| 环境         | 要求     |
| ------------ | -------- |
| nodejs       | 16.14.x+ |
| pnpm         | 任意版本 |
| vue          | 3.2.45+  |
| element-plus | 2.2.27+  |
| vite         | 2.0.0+   |
| typeScript   | 4.x+     |

[常见问题](http://iotkit-open-source.gitee.io/document/pages/772a9f/#creating-server-tcp-listening-socket-127-0-0-1-6379-bind-no-such-file-or-directory)

```bash
# 克隆项目
git clone https://gitee.com/openiita/iita-iot-web-admin.git

#安装pnpm
npm i pnpm -g
pnpm config set registry https://registry.npmmirror.com/

# 安装依赖
如之前安装老版本，或者使用 npm i、yarn、cnpm i 安装过 node_modules，请先删除在进行安装。
pnpm install

# 启动服务
pnpm run dev

# 构建生产环境
yarn build:prod

# 前端访问地址
http://localhost:8082
```

## 生产环境配置示例

- api 前缀和 `.env.production` 文件中的一致
- 服务器上静态资源的目录 `/www/wwwroot` 根据实际情况调整

- **详见：** [知识库](https://open-iita.feishu.cn/wiki/Km67wBKNNiFMrMkldCJcxa6vnLe)