shop-decorater v1.3.3

特别声明：本插件基于 ant-design-vue 的 ui 框架

说明

1. 本插件包含模块：
   • 微页面装修
   • 微页面列表
   • 微页面 tab 管理
   • 微页面链接管理
   • 微页面样式管理
2. 微页面装修模块介绍(其它模块类同)：
   • 模块入口在：coms/index.js
   • 组件的参数配置在：test/shopConfig.js 文件中的 decState 对象
   • 组件的前后端交互接口配置在: test/shopConfig.js 文件中的 decAxios 对象
   • 组件的静态文件路径管理在: test/shopConfig.js 文件中的 decAxios.decImgDomain 方法
3. 插件打包推npm仓库：
   • 使用yarn build:lib 命令打包成插件，插件文件在lib目录下
   • 更换【.publish/package.json】版本号
   • 执行推送命令： yarn tikcos
4. npm中的shop-decorater插件的使用：

*** 不建议全局引入，使用局部引用 ***
安装： yarn add shop-decorater
引入：
<template><shop-dec-home :config="config"></shop-dec-home></template>

import { tabConfiguration, shopDecorater, shopDecHome } from 'shop-decorater' // 模块引入
import 'shop-decorater/lib/shop-decorater.css' //样式引入
import { decState, decAxios } from './myselfConfig.js' // 参照配置文件（test/homeConfig.js）引入自己的配置文件

export default {
  components: {
    tabConfiguration,
    shopDecHome
  },
  data() {
    return {
      config: {
        decState,
        decAxios
      }
    }
  }
}

6. 插件的编码规范：

• 架构搭建：略过
• 代码规范：EditorConfig + Prettier + ESLint 组合来实现代码规范化
• 提交规范
• 单元测试
• 自动部署

6. 技术栈

• 编程语言：JavaScript2
• 构建工具：vue-cli 4.x3
• 前端框架：Vue 2.x4
• 路由工具：没使用
• 状态管理：vue 的 provide-inject
• UI 框架：ant-design-vue 1.7.x3
• CSS 预编译：Less 3.9
• HTTP 工具：Axios11
• Git Hook 工具：husky12 + lint-staged13
• 代码规范：EditorConfig14 + Prettier15 + ESLint16 + Airbnb JavaScript Style Guide17
• 提交规范未使用 ：Commitizen18 + Commitlint19
• 单元测试未使用 ：vue-test-utils20 + jest21 + vue-jest22 + ts-jest23
• 自动部署未使用：GitHub Actions24

7. 可用命令

• 格式化代码配置：yarn prettier --write .
• 代码检测初始化配置：yarn eslint --init
• 代码检测及修复配置： eslint --fix
• 代码提交检测配置：lint-staged
• 代码保存格式化配置：editor.codeActionsOnSave