@fotic/micro-trust-project v1.0.0

fotic-micro-base

这是外贸信托一个微前端基座工程，用于配合《智能运营管理平台》中后台微服务，支撑微前端应用开发。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。

浏览器兼容

支持主流现代浏览器，IE10+.

| IE10, IE11, Edge| firrefox last 2 versions| chrome last 2 versions| safari last 2 versions

前端开发环境安装指引

1、安装node.js v14.0+;

2、安装nrm；命令： npm install -g nrm

3、安装Visual Studio Code。

4、vscode安装插件

ESLint

editorconfig for VS Code

VeturVue语法高亮，错误检查，格式化，自动提示等,注意：要禁用【Beautify】插件

在VScode的配置文件settings.json中添加以下配置

// 保存时格式化
  "editor.formatOnSave": true,
  "vetur.format.defaultFormatter.html": "prettyhtml",
  // vetur 的自定义设置
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      // prettier 设置强制单引号
      "singleQuote": true,
      // prettier 设置语句末尾不加分号
      "semi": false
	  //禁止随时添加逗号,这个很重要。
      "trailingComma": "none"
    }
  }

Auto Close Tag 自动闭合HTML/XML标签

Auto Rename Tag 自动完成另一侧标签的同步修改

HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式

5、微前端应用工程github地址，可以使用git命令检出：git clone -b dev 地址

基座工程：https://github.com/liuyouxing1989/fotic-micro-base.git

信托项目子应用工程：https://github.com/liuyouxing1989/fotic-micro-trust-project.git

信托合同子应用工程：https://github.com/liuyouxing1989/fotic-micro-trust-contract.git

异构前端系统接入-vx2标准工程：https://github.com/liuyouxing1989/fotic-micro-vue.git

异构前端系统接入-react16标准工程：https://github.com/liuyouxing1989/fotic-micro-react16.git

异构前端系统接入-jsp模拟工程：https://github.com/liuyouxing1989/fotic--micro-html.git

异构前端系统接入-vue3.0标准工程：https://github.com/liuyouxing1989/fotic-micro-vue3.git

异构前端系统接入-angular9标准工程：https://github.com/liuyouxing1989/fotic-micro-angular9.git

启动工程

# 进入项目目录
cd fotic-micro-base

# 切换npm镜像
nrm use taobao

# 安装依赖
npm install

# 启动服务
npm run dev

浏览器访问 http://localhost:7099

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

其它

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix