AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

npm安装nanoid生成随机id并简单使用

2023-01-08 1024
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 笔记

前言

在一些场景下，如果没有服务器的支持，需要自己随机生成一些信息


比如id，虽然可以自己制造生成规则，不过一般可以借助第三方工具生成，比如uuid，但是uuid库比较大，而且生成的id比较长，所以有一个简化版本的叫nanoid,使用起来也比较方便下面就去安装使用它


安装

打开终端，输入npm i nanoid,然后回车，由于这个库非常小，所以下载也很快，大概3-5秒

npm i nanoid

15.png

使用

下载完之后就可以引用了，nanoid使用了分别暴露的形式

// 引用nanoid第三方库 nanoid使用了分别暴露的形式
        import {nanoid} from "nanoid";

nanoid是一个函数，直接使用它就可以获取到id

16.png

可以看到获取到了随机id

17.png

4n2nnvzgqrwxq
目录
相关文章
极客李华
|
JavaScript Windows
npm install安装太慢或者失败，可以尝试一下以下方法
npm install安装太慢或者失败，可以尝试一下以下方法
极客李华
3351 1
八百标兵奔北坡
|
缓存 资源调度 持续交付
在清空NPM缓存后，检查是否所有依赖都已正确安装
在清空NPM缓存后，检查是否所有依赖都已正确安装
八百标兵奔北坡
740 1
石宗昊
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
石宗昊
1204 3
卓伊凡
|
JavaScript
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
卓伊凡
4045 27
想飞的雪糕
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错（三）：npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法，包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等，并提供了相应的解决策略。同时，还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
想飞的雪糕
17074 2
听白
|
资源调度 前端开发 JavaScript
React 安装(NPM)
10月更文挑战第6天
听白
459 1
八百标兵奔北坡
|
缓存 资源调度 持续交付
在清空NPM缓存后，我如何检查是否所有依赖都已正确安装？
【10月更文挑战第5天】在清空NPM缓存后，我如何检查是否所有依赖都已正确安装？
八百标兵奔北坡
674 1
游客j4mujezz7vm7y
9-14|npm install --global windows-build-tools 安装太慢了，能够指定国内源
9-14|npm install --global windows-build-tools 安装太慢了，能够指定国内源
游客j4mujezz7vm7y
1759 1
嘟嘟嘟嘟嘟嘟
|
敏捷开发 缓存 前端开发
阿里云云效产品使用合集之前端打包时npm安装卡住一般是什么导致的
云效作为一款全面覆盖研发全生命周期管理的云端效能平台，致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题，问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
嘟嘟嘟嘟嘟嘟
862 7
人人都是码农
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小，避免触发用户隐私协议
微信小程序按需引入 vant 组件，自动清除项目中未使用的 vant 组件，减少代码包大小，避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
人人都是码农
646 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小，避免触发用户隐私协议

热门文章

最新文章

  • 1
    npm install 一直卡着不动如何解决
  • 2
    [npm]使用(c)npm安装yarn
  • 3
    mac设置终端命令行别名alias（git、npm）
  • 4
    node与npm版本对应关系以及使用nvm管理node版本
  • 5
    npm install node-sass 安装失败的解决方案：利用国内镜像加速安装
  • 6
    vscode 终端无法执行npm、cnpm命令的解决办法，npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试
  • 7
    PowerShell yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。
  • 8
    npm安装淘宝镜像cnpm报错：npm ERR! Windows_NT 10.0.19045
  • 9
    npm和yarn的区别，我们该如何选择?
  • 10
    #! /usr/bin/env node 命令与 npm link 建立项目间软连接（一）
  • 1
    使用npm install -g pnpm的时候报错
    1970
  • 2
    在NodeJS中使用npm包进行JS代码的混淆加密
    1592
  • 3
    解决若依框架中 npm run dev 卡在 95% 的问题
    1573
  • 4
    nodejs18版本 npm run dev失败
    1633
  • 5
    github和npm开启2FA双重身份验证无法登陆
    4330
  • 6
    vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
    637
  • 7
    docker centos镜像 npm安装包时报错“npm ERR! code ECONNRESET”
    1426
  • 8
    npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
    2954
  • 9
    node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
    653
  • 10
    npm账户需要登录问题npm error probably out of date. To correct this please try logging in again with优雅草央千澈解决方案
    2801

    • 相关电子书

    更多
  • 基于webpack和npm的前端组件化实践
  • 基于FAAS构建NPM同步CDN
  • 低代码开发师（初级）实战教程

    • 推荐镜像

    更多
  • NPM
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！