# @zstings/utils
javascript、typescript 工具函数库
文档地址 [utils 文档](https://zstings.github.io/utils/)

所有函数都添加了完整的单元测试，测试覆盖率为：100%

## 前言
本节将帮助您从头开始在项目中安装使用 @zstings/utils。如果还没有可使用的项目，请自行使用vuecli、vite2等工具创建，如果您准备就绪了，请从步骤 1 开始。

## 第1步：安装
终端进入到您的项目根目录

使用 npm 安装
```shell
> npm install @zstings/utils
```

使用 yarn 安装
```shell
> yarn add @zstings/utils
```

使用 pnpm 安装 （推荐）
```shell
> pnpm add @zstings/utils
```

## 第2步：导入
按需导入
```ts
import { typeOf } from '@zstings/utils'
typeOf([]) // => Array
```
全量导入
```ts
import * as utils from '@zstings/utils'
utils.typeOf([]) // => Array
```
## 使用CDN
cdn导入
```html
<!-- 指定版本 -->
<!-- <script src="https://cdn.jsdelivr.net/npm/@zstings/utils@0.4.0/dist/utils.umd.min.js"></script> -->
<!-- 默认最新版 -->
<script src="https://cdn.jsdelivr.net/npm/@zstings/utils/dist/utils.umd.min.js"></script>
<script>
  utils.typeOf([]) // Array
</script>
```
cdn 使用模块导入
```html
<script type="module">
  import {typeOf} from 'https://cdn.jsdelivr.net/npm/@zstings/utils/dist/utils.es.min.js'
  typeOf([]) // Array
</script>
```
cdn 使用模块导入-importmap模式
```html
<script type="importmap">
  {
    "imports": {
      "@zstings/utils": "https://cdn.jsdelivr.net/npm/@zstings/utils/dist/"
    }
  }
</script>
<script type="module">
  import {typeOf} from '@zstings/utils'
  console.log(typeOf([])) // Array
</script>
```

## 在deno中使用
使用deno提供的cdn
```ts
import {byteSize} from "https://esm.sh/@zstings/utils";
console.log(byteSize('hello')); // 5
```
deno也可以使用npm模式
```ts
// import {byteSize} from "npm:@zstings/utils@0.3.1"; 指定版本
import {byteSize} from "npm:@zstings/utils";
console.log(byteSize('hello')); // 5
```