企业级前端项目组框架vue-fpg介绍

VUE-FPG是什么？

VUE-FPG是一套基于VUE框架和Webpack工具架设的多项目前端工程组的框架。它出现的目的是为了解决如下几个问题：
1. 快速培养人力资源，快速开展项目；
2. 多个项目同时开发，共享，贡献组织的组件库，共享和复用项目基础设施，避免多次重复建设和设置；
3. 集成小图片预处理，开发，发布，代码检查等常用工具集；
4. 统一规范Ajax 请求，路由管理，Session管理以及菜单导航，页面操作权限等管理，以配置代替代码，减少开发量，增强迭代能力；
5. 通过统一预设规则，强化组织级的开发规范，工作习惯以及流程惯例等多项工程能力的培养；

目前该框架可以运行在Unix类操作系统以及Node环境下，Windows下应该可以在cygwin等模拟器的环境中使用，但没有测试过。

VUE-FPG怎么用

下载VUE-FPG，按照其中README.md的说明进行框架初始化和项目安装；日常使用中，会形成如下类似目录结构：

＋project-group/
	- framework/
	- node-modules/
	- prorject1/
	- project2/
	- . babelrc
	- .editorconfig
	- .eslintignore
	- .eslintrc.js
	- package.json

project-group是FPG框架为项目工程组建立的根级目录，其下容纳若干项目。

从代码管理的角度考虑，framework和各项目目录应当建立各自的代码库，其他则无此必要。至于如何规划和建立代码库，和各组织的组织结构与管理制度有关系。

常用框架命令：

VUE-FPG的命令只有两个:

init.sh是用于工程组初始化开发环境，主要用于初次环境架设；一般仅需运行一次。
create.sh用于工程组建立或者引入新项目；

这两个命令都位于framework目录下.

常用框架指令

VUE-FPG管理下的常用框架指令有两个:

npm run create用于工程组建立或者引入新项目，是create.sh的替代指令
npm run lint:share是用于框架共享代码的代码检查，主要针对framework/share目录。

这两个命令都定义在package.json文件中。

常用项目指令

VUE-FPG管理下的项目指令有五个:

npm run preless:prj-name 用于为项目的小图片集生成图片合集和LESS mixins引用文件；
npm run def:prj-name 用于启动项目的开发调试环境；
npm run release:prj-name 用于项目打包发布集合，会生成rel目录；
npm run lint:prj-name 用于为项目的主代码文件做代码检查，主要指src目录下的文件；
npm run lintext:prj-name 用于项目的额外代码文件做代码检查，主要指static下的文件；

这两个命令都定义在package.json文件中。