@zstings/utils

javascript、typescript 工具函数库 文档地址 utils 文档

前言

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

第1步：安装

终端进入到您的项目根目录

使用 npm 安装

> npm install @zstings/utils

使用 yarn 安装

> yarn add @zstings/utils

使用 pnpm 安装 （推荐）

> pnpm add @zstings/utils

第2步：导入

按需导入

import { getDataType } from '@zstings/utils'
getDataType([]) // => Array

全量导入

import * as utils from '@zstings/utils'
utils.getDataType([]) // => Array

使用CDN

cdn导入

<!-- 指定版本 -->
<!-- <script src="https://cdn.jsdelivr.net/npm/@zstings/[email protected]/dist/utils.umd.min.js"></script> -->
<!-- 默认最新版 -->
<script src="https://cdn.jsdelivr.net/npm/@zstings/utils/dist/utils.umd.min.js"></script>
<script>
  utils.getDataType([]) // Array
</script>

cdn 使用模块导入

<script type="module">
  import {getDataType} from 'https://cdn.jsdelivr.net/npm/@zstings/[email protected]/dist/utils.es.min.js'
  getDataType([]) // Array
</script>

cdn 使用模块导入-importmap模式

<script type="importmap">
  {
    "imports": {
      "@zstings/utils": "https://cdn.jsdelivr.net/npm/@zstings/[email protected]/dist/"
    }
  }
</script>
<script type="module">
  import {getDataType} from '@zstings/utils'
  console.log(getDataType([])) // Array
</script>

在deno中使用

使用deno提供的cdn

import {byteSize} from "https://esm.sh/@zstings/utils";
console.log(byteSize('hello')); // 5

deno也可以使用npm模式

// import {byteSize} from "npm:@zstings/[email protected]"; 指定版本
import {byteSize} from "npm:@zstings/utils";
console.log(byteSize('hello')); // 5