# zhxStuHelper

**Repository Path**: zhx_hexo/zhxStuHelper

## Basic Information

- **Project Name**: zhxStuHelper
- **Description**: 基于node + vue 的spa应用
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-01-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简陋的问答小系统

> 这是一个 极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。

[GIT地址](https://gitee.com/zhx_hexo/zhxStuHelper.git)

## 简介

本项目基于`webpack3`开发，`koa`提供API接口，`element-ui`后台管理页面。

如果你想使用基于 vue + typescript 的管理后台, 可以看看这个项目: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (鸣谢: [@Armour](https://github.com/Armour))

## 关于项目

目录可能有些乱，按理来说服务端代码该另开一个项目文件，这里放在一起了。

server 目录：服务端代码 ；src目录：前台代码

运行环境： node 8.8 ; win 10; npm 5.6

**注意**：高于9.0版本的node，在运行的时候可能会出错！是由于sass依赖包导致的。

## 运行项目

```bash
# Clone project
git clone https://gitee.com/zhx_hexo/zhxStuHelper.git

npm install

npm run dev
# Install dependencies
npm install

# 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# Serve with hot reload at localhost:9528
npm run dev  （注意：这条命令跑起来的时候仅仅是前端页面代码！）

#进入server文件夹，运行服务端代码
node app

# Build for production with minification
npm run build

# Build for production and view the bundle analyzer report
npm run build --report
```

总结：

在使用element-admin过程中发现作者已经把我们用到的模块封装的很好了，目录结构层次也非常的清晰。无论是前端的Http模块，还是管理的路由模块，当在项目文件中增加了路由之后会自动的加载在页面当中。项目很多很多不完善的地方，以后在写的话就是用别的方式重构这个项目了，打算写个移动端。这个小项目就当拿来练手了，熟悉了一下element-admin，也没有做适配，光想着怎么把它弄出来了，毕业设计么时间比较紧迫，平时还要上班没有那么多的时间拿出来更改了。