用vue和nodejs构建前端研发工作台

1,031 阅读1分钟
# pandora

[前端研发工作台](https://ideagay.github.io/pandora-doc/)

## 为什么?

* 大量页面同质化,重复开发浪费成本,复制黏贴麻烦。
* 一般公司前端人员配比不足以满足所有前端页面的开发工作,中后台页面开发一般交给后端人员,语言不熟悉,样式编写困难,开发一个表单页面花上3天,效率低。
* 个人的业务最佳实践方案没办法共享。

每个公司一般都会有自己的技术积累,自研的组件库,最佳开发实践等等,把这些积累集中起来,我们称之为物料,按照颗粒度划分,物料可以分为区块(页面的一部分或者完整的页面),组件(基础组件和业务组件),模板(包含基础功能的工程模板)。

参考了umi ui和vue ui,自研一个工作台Gui

## 功能特性

* 物料市场:
* 集成ant-design物料
* 自定义私有物料
* 物料一键下载,告别繁琐
* 物料开发,私有物料集成
* 项目管理
* npm script 脚本运行
* 依赖管理
* 日志输出
* 框架无关

### TODO

* 组件开发模板
* 工程模板
* Vue 移动端物料仓库


## 界面展示

![物料市场](https://img.souche.com/f2e/7f99f7f3e26967adaf208d0d5cbaacd1.jpg)


## 安装

```
yarn global add @ideagays/pandora
```

安装完成之后, 执行pandora -v 验证,如提示未找到命令,新开一个终端窗口重试

## 使用

注意:使用前请先配置github的ssh key

```
#启动ui
pandora ui

#获得更多命令使用帮助
pandora -h
```