# 现场快递柜状态采集与控制系统前端

**Repository Path**: abyss_Jim/curriculum_design_vue

## Basic Information

- **Project Name**: 现场快递柜状态采集与控制系统前端
- **Description**: 大学课程设计项目,采用vue框架，用echart图表将相关信息展现出来
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.abyss.website/classify/deploy/%e7%8e%b0%e5%9c%ba%e5%bf%ab%e9%80%92%e6%9f%9c%e7%8a%b6%e6%80%81%e9%87%87%e9%9b%86%e4%b8%8e%e6%8e%a7%e5%88%b6%e7%b3%bb%e7%bb%9f/
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 1
- **Created**: 2021-09-20
- **Last Updated**: 2025-05-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, 前后端分离, 串口通信

## README

# 现场快递柜状态采集与控制系统

#### 介绍
大学课程设计项目

#### 软件架构
vue

# 安装Vue cli

npm install -g @vue/cli

# 查看已安装Vue cli版本

vue --version 或者 vue -V

# 卸载当前Vue cli

npm uninstall @vue/cli

# 新建项目

vue create my-project

# 项目node_modules依赖根据package.json自动安装

npm install

# 项目启动

npm run serve

# 打包

npm run build

# 安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

# 安装yarn，在团队开发时，一定要用这个

npm install -g yarn

# yarn命令 

npm install === yarn 
npm run serve === yarn serve



#### 前端展示
![首页](images/1.png)、
![温度曲线](images/2.png)
![输入图片说明](images/3.png)
![输入图片说明](images/4.png)
![输入图片说明](images/5.png)
![输入图片说明](images/6.png)