简介
@acceleratxr/service_utilities 是一个为前端开发提供基础服务的 npm 包。该包包含了常用的工具、组件、样式等资源，方便开发者快速开发、部署项目。
安装
使用 npm 进行安装：
npm install @acceleratxr/service_utilities
工具介绍
该包包含了以下工具：
通用工具
1. 日志工具
方便开发者进行日志输出，加快调试速度。
import { logger } from '@acceleratxr/service_utilities';
logger.debug('debug');
logger.info('info');
logger.warn('warn');
logger.error('error');2. 时间格式工具
可以格式化时间为指定的格式，方便在页面中显示或者进行日期比较。
import { formatDate } from '@acceleratxr/service_utilities';
const time = new Date();
console.log(formatDate(time, 'yyyy-MM-dd')); // 输出：2021-01-01React 组件
1. 空视图组件
当列表为空时，可以使用该组件进行提示展示。
import { EmptyView } from '@acceleratxr/service_utilities';
<EmptyView message="这里什么都没有" />2. 模态框组件
可以方便的使用模态框展示弹窗内容。
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------
----- --- - -- -- -
----- --------- ----------- - ----------------
----- ----------- - -- -- -
-----------------
--
----- -------- - -- -- -
------------------
--
----- ------------ - -- -- -
------------------
--
------ -
-----
------- ------------------------------------
------
-----------
-----------------
---------------
-----------------------
-
--------------
--------
------
--
--如上述例子中，模态框与它的子元素一起被渲染，当关闭模态框时，模态框及其子元素一同被移除。
环境配置
该工具包需要 Node.js 环境支持，建议使用 Node.js 版本 8 以上。使用时需打开 babel 转换功能。
示例代码
完整示例代码如下：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ------- ----------- ---------- ----- - ---- ---------------------------------
----------------------
----- ---- - --- -------
---------------------------- ---------------
----- --- - -- -- -
----- --------- ----------- - ----------------
----- ----------- - -- -- -
-----------------
--
----- -------- - -- -- -
------------------
--
----- ------------ - -- -- -
------------------
--
------ -
-----
------- ------------------------------------
------
-----------
-----------------
---------------
-----------------------
-
--------------
--------
---------- ----------------- --
------
--
--
------ ------- ----总结
该 npm 包提供了多种前端开发常用的工具，可以极大加速前端开发工作的进程。 在日常开发中，建议使用该工具包，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/108011