# pmp

**Repository Path**: amtech/pmp

## Basic Information

- **Project Name**: pmp
- **Description**: 通过搭建一个项目管理平台(Project Management Platform)来学习Vue、Webpack等相关开发框架，基于页面与服务分离模式，这个项目仅包含页面，前期Mock数据进行显示，服务平台搭建要晚一些，对应的工程名暂定(pmp-server)
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-09
- **Last Updated**: 2022-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# pmp

## 介绍
通过搭建一个项目管理平台(Project Management Platform)来学习Vue、Webpack等相关开发框架，基于页面与服务分离模式，这个项目仅包含页面，前期Mock数据进行显示，服务平台搭建要晚一些，对应的工程名暂定(pmp-server)

## 软件架构

- Vue
- Typescript

## 创建项目

```shell
sudo npm install -g @vue/cli
vue ui

# 更新项目中vue-cli及其相关插件
cd $projectDir
vue upgrade --all
```

### 常用命令

- CLI 全局安装
    - vue ui, 打开一个本地网页, 可视化创建项目
- [CLI Service](https://cli.vuejs.org/guide/cli-service.html#using-the-binary), 用于项目的检查、编译、运行
    - vue-cli-service serve, 启动服务, 默认基于webpack-dev-server
    - vue-cli-service build, 用于编译生成bundle
    - vue-cli-service inspect, 检测webpack配置
- CLI Plugins, 提供代码转换(TypeScript->JS)、 代码检查、单元测试等   

### 项目配置



#### 浏览器兼容

通过@babel/preset-env和autoprefixer读取.browserslistrc来检测兼容的浏览器版本
 

## 产品设计

1. 功能模块划分: 
    - 项目模块, 负责管理项目, 每个项目包含多个需求/缺陷, 需求/缺陷可以关联对应代码分支
    - 人员模块, 负责管理使用pmp平台的人员信息
    - 代码模块, 基于Gitee的开源API实现分支创建、代码审核等功能

2. 不考虑在手机屏幕上排版美观问题
 

## 遇到问题

- 尝试集成vue-material-adpater失败, 因为依赖包@vue/compiler-sfc无法正常安装
- 尝试集成vue-mdc-adapter失败, 因为vue-mdc-adapter依赖vue的版本是2.5.6



## 参与文献

- [Vue 官网](https://cn.vuejs.org/))
- [Vue CLI](https://cli.vuejs.org/guide/)
- [Github Vue CLI](https://github.com/vuejs/vue-cli)
- [浏览器兼容配置文档](https://github.com/browserslist/browserslist)
- [Material For Web](https://www.material.io/develop/web/getting-started)
- [Material Web Components](https://github.com/material-components/material-components-web-components)目前未提供Typescript
- [Vue MDC Adapter](https://stasson.github.io/vue-mdc-adapter/)
- [BalmUI](https://next-material.balmjs.com/#/guide/intro)目前未提供Typescript
- [Vuetify](https://github.com/vuetifyjs/vuetify)