简介

财务中台（Financial Shared Service Center，简称FSSC）

micro-fe 主要操作说明

• 默认使用vscode作为开发工具，统一插件和配置如何下载依赖包

引入依赖
yarn install 默认会把所有的依赖下载好
yarn kill 先执行kill 删除掉端口
yarn [XXXX]strap` 启动指定的项目

主题样式说明

• 样式主题设置如下

src/global.less: 这个是全局的样式，目前只用来设置css reset基本重置；（一般不去改）；

config/themeConfig.ts: 根据选择的不同的主题设置不同的主题变量；常量名不能随意自定义，请参考下面网址 https://github.com/ant-design/a nt-design/blob/master/components/style/themes/default.less ; 同时pages下的页面也可以直接引入这些样式，不需要单独引入文件；

assets/theme: 这个是样式文件的主要文件夹； assets/theme/common是系统的主要样式文件，请根据该文件顶部的分类查找添加样式，如有新增的大类也请在页面顶部描述里加上方便查找； eg：[ant design样式, layout样式, 滚动条样式, google样式 元模型search样式, 元模型page样式, 元模型page弹框样式, bpm-active] 其他文件就是每个主题的特定样式，例如assets/theme/purple是针对高端紫的样式文件夹 assets/theme/background.less 是写背景图片样式文件。由于样式打包的问题故需要这个文件进行背景图片特殊处理 assets/constant**: 这个是**设置全局样式的一些常量，因为颜色控制主要在config/themeConfig.ts,所以这里主要定义一些样式方法和非颜色控制； 注意：所有方法即使不带参数，也请加上(),不然编译报错；

其它公共说明

• 系统的所有图片都请放到assets/imgs下;

• 全局的ts的接口定义请放到utils/modules.d.ts下,页面要用的接口定义请先到该文件看看是否有定义;

• 全局常量请放到constants.ts下,页面要用的全局常量请先到该文件看看是否有定义;

其它参考

Ant Design Pro

This project is initialized with Ant Design Pro. Follow is the quick guide for how to use.

Environment Prepare

Install node_modules:

npm install

or

yarn

Provided Scripts

Ant Design Pro provides some useful script to help you quick start and build with web project, code style check and test.

Scripts provided in package.json. It's safe to modify or add additional script:

Start project

npm start

Build project

npm run build

Check code style

npm run lint

You can also use script to auto fix some lint error:

npm run lint:fix

Test code

npm test

More

You can view full document on our official website. And welcome any feedback in our github.

特殊说明

如果无法安装node_modules，删除package-lock.json文件后重试

//storm-react-diagrams to @projectstorm/react-diagrams

"react-monaco-editor": "^0.43.0",
"monaco-editor-webpack-plugin": "^7.0.1",
"@monaco-editor/react": "3.7.4",
"@types/rimraf": "^3.0.0",