@thtf/form-designer

同方问卷设计器

此为重构项目，原版请参考http://10.10.50.216/group-tjcp/tjcp-dcwj/web-dcwj-core

本系统脚手架使用若依前端代码，代码规范使用官方 standard 模板规范。如有使用问题亦可查询上述两者相关文档。

若依前端脚手架说明文档

目录

thtf-form-designer
├── .husky                      -- husky 勾子
|   ├── commit-msg                  -- git commit规范检查代码
|   ├── pre-commit                  -- git commit前检查代码
├── .vscode                     -- 配置统一注释模板
├── bin                         -- 可执行文件目录
|   ├── build.bat                   -- 打包工程 == npm run build
|   ├── package.bat                 -- 安装 npm 依赖包 == npm install
|   └── run-web.bat                 -- 开发模式上启动工程 == npm run serve
├── packages                    -- 库目录
├── public                      -- 静态资源文件目录
├── src                         -- 源码目录
|   ├── api                         -- 接口文件目录
|   |    ├── system                     -- 系统配置接口目录
|   |    ├── login.js                   -- 登录接口
|   |    └── menu.js                    -- 获取动态菜单接口
|   ├── assets                      -- 资源目录
|   |    ├── 401_images                 -- 401页面文件图片目录
|   |    ├── 404_images                 -- 404页面文件图片目录
|   |    ├── icons                      -- svg图标目录
|   |    ├── images                     -- 图片目录
|   |    ├── logo                       -- 工程logo
|   |    └── styles                     -- 样式目录
|   ├── components                  -- 组件目录
|   ├── directive                   -- 指令目录
|   |    ├── dialog                     -- 模态框指令
|   |    ├── module                     -- 剪切板指令
|   |    ├── permission                 -- 权限指令
|   |    └── index.js                   -- 入口文件
|   ├── layout                      -- 布局组件目录
|   ├── mock                        -- 模拟接口数据目录
|   ├── plugins                     -- 插件目录
|   |    ├── auth.js                    -- 权限功能插件
|   |    ├── cache.js                   -- 本地存储功能插件
|   |    ├── download.js                -- 下载功能插件
|   |    ├── index.js                   -- 入口文件
|   |    ├── modal.js                   -- 模态框相关功能插件(提示框、信息框、确认框等等)
|   |    └── tab.js                     -- 页签功能插件(页签全部关闭，其它关闭，右侧关闭，左侧关闭等等)
|   ├── router                      -- 路由组件目录
|   ├── store                       -- 状态管理目录
|   ├── utils                       -- 常用工具类目录
|   ├── views                       -- 页面目录
|   ├── App.vue                     -- App.vue 文件
|   ├── main.js                     -- main.js 文件
|   ├── permission.js               -- 路由守卫配置文件
|   └── settings                    -- 工程右侧边栏配置文件
├── .browserslistrc             -- browserslist配置文件
├── .editorconfig               -- editorconfig配置文件
├── .env.development            -- 工程开发环境配置文件
├── .env.production             -- 工程生产环境配置文件
├── .eslintignore               -- eslint忽略配置文件
├── .eslintrc.js                -- eslint配置文件
├── .gitignore                  -- git配置文件
├── .npmnc                      -- npm配置文件
├── .prettierignore             -- prettier忽略文件
├── .prettierrc.js              -- prettier配置文件
├── babel.config.js             -- babel配置文件
├── commitlint.config.js        -- commit规范配置文件
├── jsconfig.json               -- jsconfig配置文件
├── package.json                -- package.json文件
├── README.md                   -- 本文件
└── vue.config.js               -- 工程自定义配置文件

安装

npm install

开发

npm run serve

打包编译

npm run build

代码检查

npm run lint

自定义配置

See Configuration Reference.

提交规范

为了统一 git commit，使用了 commitlint；为了方便交互提示，使用了 commitizen。

如果格式规范，可以直接提交，比如：

git commit -m "feat: 功能实现";

如果想使用交互式命令，可以运行

npm run commit

一些说明可以参考：http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html.