teachcloud-print-web

teachcloud-platform-web

知学知考前端系统

项目操作

项目安装

yarn install

开发模式

yarn run serve

项目打包

yarn run build

lint 项目文件，并修正格式

yarn run lint

自定义配置

查看 配置文档.

项目技术

• ui 框架：
  • elementUi-2.13.1

• vue 技术：

  • vue-2.6.10
  • router-3.0.3
  • vuex-3.0.1
  • axios-0.18.0
  • vue-ls-3.2.1

格式化

• 项目采用 prettier-eslint 规范项目代码
• 推荐使用 vscode 作为项目编辑器
• 提交代码前（即 commit 前）, 项目会自检规范格式。

vscode 推荐配置

推荐插件

插件安装在 vscode 界面左上角最下面那图标中

• ESLint
• One Dark Pro
• Prettier - Code Formatter
• Atom Keymap
• Vetur

目录介绍

- public                    # 打包静态文件目录
- src                       # 项目主文件夹
  - assets                  # 静态资源存放地址
  - compontents             # 通用组件
  - constants               # 静态数据存放地址
    - enumerate.js          # 配置静态数据
    - navs.js               # 全局左侧导航栏信息
  - modules                 # 模块目录
  - plugins                 # 插件文档
    - axios.js              # 全局axios封装
    - formRules.js          # 表单验证规则
    - globalVuePlugins.js   # 全局vue插件注册文件
    - mixins.js             # mixins配置
    - utils.js              # 工具箱
  - router                  # router配置
  - store                   # store配置
  - views                   # 路由组件
  - App.vue                 # 主组件入口
  - config.js               # 全局配置文件
  - main.js                 # 主程序入口
- .eslintrc.js              # eslint配置文件
- .prettierrc               # prettier配置文件
- dev-proxy.copy.js         # 开发代理配置副本
- vue.config.js             # 项目开发环境配置文件

开发模式 本地 Nginx 配置

server {
  listen       8051;
  server_name  localhost;

  # 知学知考
  location / {
    proxy_pass  http://localhost:8056;
  }

  # 评卷端
  location /mark/ {
    proxy_pass  http://localhost:8059;

  }

  location /api/ {
    # api代理地址
    proxy_pass  http://192.168.11.167:7001;
  }

}