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             # 项目开发环境配置文件

第一次创建项目

• 配置 config.js 文件

  • 将 config.copy.js 文件在当前路径中复制一份，保存为 config.js 文件。
  • 修改 config 文件中 domain 值，domain 为全局请求公用 domain 信息。

• 配置开发端口

  #修改vue.config.js文件中如下信息：
  {
  port: 8056  # 默认时8056端口
  }
  

• dev 模式推荐使用 proxy

  • 具体配置请查看dev-proxy.copy.js

TODO

• 暂无