Pinyin-pro的介绍、安装、使用

最新推荐文章于 2025-02-11 09:38:01 发布
最新推荐文章于 2025-02-11 09:38:01 发布
阅读量2.9k 收藏 17
点赞数 13
文章标签： 前端 react.js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45799465/article/details/134806657
版权
文章介绍了Pinyin-pro，一个专业且性能卓越的JavaScript中文转拼音库，支持多音字识别和多种格式输出。作者分享了安装步骤，以及在遇到兼容性问题时如何降级版本。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

拼音（Pinyin-pro）工具概述

 拼音（Pinyin-pro）工具安装

 拼音（Pinyin-pro）工具使用

拼音（Pinyin-pro）工具概述

"pinyin-pro" 是一个专业的 JavaScript 中文转拼音的库，具备多音字识别准确、体积轻量、性能优异、功能丰富等特点。其功能具体如下：

  1. 支持拼音/声母/韵母/首字母/音调/全部信息
  2. 支持人名姓氏模式
  3. 支持文本和拼音匹配
  4. 支持自定义拼音
  5. 支持获取带拼音汉字的 HTML 字符串
  6. 支持获取汉字的所有拼音
  7. 支持拼音输入转换
  8. 极致的性能和极高的拼音识别准确率

 拼音（Pinyin-pro）工具安装

//npm
nmp install pinyin-pro

//yarn
yarn add pinyin-pro

但是博主在安装途中发现最新版本的Pinyin-pro 与公司的老项目不兼容，运行总是报错，猜测可能是Pinyin-pro中的某些语法或者工具包版本较高与公司的老项目不兼容。于是我在NPM官网找到了几个月以前的一个稳定版本（3.15.1）。这样运行起来就不报错了。

//npm
nmp install pinyin-pro@3.15.1

//yarn
yarn add pinyin-pro@3.15.1

 拼音（Pinyin-pro）工具使用

获取拼音

import { pinyin } from 'pinyin-pro';

// 获取字符串格式拼音
pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'

// 获取数组格式拼音
pinyin('汉语拼音', { type: 'array' }); // ["hàn", "yǔ", "pīn", "yīn"]

// 获取不带音调数组格式拼音
pinyin('汉语拼音', { toneType: 'none' }); // "han yu pin yin"

// 获取不带音调数组格式拼音
pinyin('汉语拼音', { toneType: 'none', type: 'array' }); // ["han", "yu", "pin", "yin"]

// 音调以数组形式显示
pinyin('汉语拼音', { toneType: 'num' }); // "han4 yu3 pin1 yin1"

// 自动识别多音字
pinyin('睡着了'); // "shuì zháo le"

还有很多其他各种类型的文字转化，如拼音格式转换、文本和拼音匹配、获取带汉字拼音的 HTML 字符串等等等，请查阅官方文档。

 官方文档：

快速开始 | pinyin-pro性能优异、转换准确的 js 中文转拼音工具icon-default.png?t=N7T8https://pinyin-pro.cn/guide/start.html

NPMJS官网：pinyin-pro - npm准确率和性能最优异的汉字转拼音库。获取中文拼音、韵母、声母、声调、首字母，支持拼音匹配. Latest version: 3.18.4, last published: 7 hours ago. Start using pinyin-pro in your project by running `npm i pinyin-pro`. There are 94 other projects in the npm registry using pinyin-pro.icon-default.png?t=N7T8https://www.npmjs.com/package/pinyin-pro?activeTab=readme

JS 浏览器前端生成拼音码 pinyin-pro
昵称总是必填 的博客
08-23 1478
pinyin('汉语拼音', { pattern: 'final', toneType: 'num', type: 'array' });// ['an4', 'u3', 'in1', 'in1']// ['z', 'q', 's', 'l', 'e']pinyin('汉语拼音', { pattern: 'final', toneType: 'none', type: 'array' });
pinyin-pro库使用方式
m0_74060440的博客
01-14 1285
pinyin-pro库使用
Pinyin2Hanzi, 拼音转汉字， 拼音输入法引擎， pin yin -> 拼音.zip
09-18
Pinyin2Hanzi, 拼音转汉字， 拼音输入法引擎， pin yin -> 拼音
tinymce 集成pinyin-pro 实现给汉字注音功能源码
01-16
tinymce集成pinyin-pro 实现2给汉字注音功能，选中汉字能自动注音，也可以手动注音，带音调。拼音可以显示到文字后面，也可以显示到文字上方，vue2,vue3中都可以使用。具体效果图可以查看：https://www.jianshu.com/p/a9540cb2e48f?v=1705370534012
教你前端如何给文字添加拼音标注，包含声调展示及多音字处理
2301_80649723的博客
02-11 556
1. 使用 [pinyin-pro](https://github.com/zh-lx/pinyin-pro) 库特点：支持多音字、声调、轻量级。// 获取带声调的拼音const pinyinText = pinyin('汉语拼音', { toneType: 'symbol' });// 输出: hàn yǔ pīn yīn// 生成带拼音标注的 HTML2. 使用 [pinyin](https://github.com/hotoo/pinyin) 库。
pinyin-pro 中文转字母/拼音库
热门推荐
m0_53912016的博客
04-30 2万+
【代码】pinyin-pro 中文转字母/拼音库。
pinyin-pro：功能强大的汉字拼音转换库,中文转拼音利器
09-28 1696
pinyin-pro是一个功能强大的JavaScript库，它能够帮助你轻松地将中文文本转换为拼音。不仅如此，它还支持拼音音调、声母、韵母的转换，以及多音字、姓氏的处理。此外，pinyin-pro还提供了拼音匹配和中文分词的功能，使其在中文处理领域具有广泛的应用价值。pinyin-pro是一个强大且易用的中文转拼音工具，无论是对于开发者还是汉语言研究者，都是一个不可多得的好工具。如果你有相关的需求，不妨试试这个项目，相信它会给你带来满意的体验。
pinyin-pro安装及使用
weixin_59191637的博客
12-12 1022
输出多音字全部拼音（仅在 word 为长度为 1 的汉字字符串时生效）输出的结果的信息（拼音 / 声母 / 韵母 / 音调 / 首字母）音调输出形式(拼音符号 / 数字 / 不加音调)类型，需要转化为拼音的中文。类型，用于配置各种输出形式，输出结果类型（字符串/数组）
pinyin-pro插件的使用---React
W_121706551的博客
12-12 1499
pinyin-pro插件的使用
pinyin-pro 开源项目安装与使用指南
gitblog_01154的博客
08-08 978
pinyin-pro 开源项目安装与使用指南 pinyin-pro中文转拼音、拼音音调、拼音声母、拼音韵母、多音字拼音、姓氏拼音、拼音匹配项目地址:https://gitcode.com/gh_mirrors/pi/pinyin-pro 目录结构及介绍 在克隆或下载 pinyin-pro 项目之后，你会看到以下主要目录及其功能： 目录结构概览 src/ : 主要代码目录，包含了核心的拼音处理逻...
（企业 / 公司项目）前端使用pingyin-pro将汉字转成拼音
全栈技术分享，项目分享，资料分享
12-20 3364
​pinyin-pro是一个专业的 JavaScript 中文转拼音的库，具备多音字识别准确、体积轻量、性能优异、功能丰富等特点。在同类产品中，pinyin-pro无论是多音字识别准确率、体积、性能还是功能的支持度上，都做到了全网领先。以下是关于性能及准确率方面和同类竞品pinyin的具体对比数据。
toPinyin:uniapp 文字汉字一键转拼音，转简写，转首字母 插件改进版 原作者
05-24
toPinyin uniapp 文字汉字一键转拼音，转简写，转首字母 封装了下使用方法，原作者: 1、引入js import toPinyin from "./toPinyin" 2、转拼音 toPinyin.chineseToPinYin('你好') 输出 NiHao 3、转首字母 toPinyin.chineseToInitials(toPinyin.chineseToPinYin('你好')) 或者 toPinyin.chineseToInitials('NiHao') 输出 NH 提供个一位数组转成按照首字母排序的方法(在 utils.js 文件中)： import toPinyin from "./toPinyin"; /** * 根据拼音首字母筛选排序分组 * @param {Array} arr 原数组 * @param {String} key 原数组需要筛选的字段
pinyin-pro用于javascript中将汉字转化为拼音的工具
qynglby的博客
02-08 547
vue3响应式数据​首先要进行序列化处理，将要转换的内容转换为json格式的字符串，需要过滤掉所有的空格才能转换为对象，可以replace(/\s*/g,"")将所有的空的字符替换为空字符串，最后再转换为json格式的对象，得到正常的数据 ​
javascript 纯前端实现汉字转拼音 —— pinyin-pro 库
m0_51479322的博客
12-23 1万+
一般实现汉字转拼音的功能都是请求服务端 api 实现，而对于一些比较简单的需求，我们可以通过一个 npm 工具包 —— pinyin-pro ，纯前端实现中文汉字转拼音的功能。 特色功能 支持汉字、词语、句子多种格式输入获取 获取拼音 获取声母 获取韵母 获取拼音首字母 获取音调 获取多音字的多种拼音 支持人名姓氏模式 支持自定义拼音 支持字符串和数组两种输出形式 版本更新 当前版本： 3.3.1 -> 3.4.0 新增功能 支持姓氏模式拼音识别，具体用法见姓氏模式 支持自定义拼音功能，具体用
深入了解《Pinyin-Pro》：一款高效精准的拼音处理库
gitblog_00049的博客
03-22 633
深入了解《Pinyin-Pro》：一款高效精准的拼音处理库 pinyin-pro中文转拼音、拼音音调、拼音声母、拼音韵母、多音字拼音、姓氏拼音、拼音匹配项目地址:https://gitcode.com/gh_mirrors/pi/pinyin-pro 项目简介 在编程世界中，处理汉字和拼音常常是中文应用的一个重要环节。 是一个专为Python设计的强大拼音处理库，它提供了一套完整且精细的解决方案...
中文转拼音的库 pinyin-pro
呆呆狗
06-09 1154
一个识别准确、性能优异的汉字拼音转换库 专业的拼音转换工具
js汉字转拼音包——pinyin-pro
qq_55695208的博客
11-09 1713
原文链接：https://blog.csdn.net/m0_51479322/article/details/113073493。版权声明：本文为CSDN博主「墨乡客.」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。相对于其他的包，他的体积只有400kb，比部分包的体积要小数倍乃至十倍。pinyin('汉语拼音', { toneType: 'none' });汉字转拼音的npm包现在还是很多的，今天发下来一个很好用的包：pinyin-pro。// 获取不带声调的拼音。
JS Vue 汉字转拼音 —— pinyin-pro （包含提取拼音首字母，多音字，自定义拼音等）- 附完整示例 + 附源码
m0_48968874的博客
09-11 5428
介绍 | pinyin-pro介绍 | pinyin-projs汉字转拼音库。获取中文拼音、韵母、声母、声调、首字母，支持拼音匹配。
分享一个给文字加拼音的鸿蒙三方库pinyin-pro
zwDeity的博客
12-31 615
pinyin-pro是一个用于将中文转换为拼音的三方库，支持多种输出格式，如数组、字符串等。它在处理中文文本转拼音的需求上提供了便捷的方法，广泛应用于需要拼音转换功能的应用程序中。易用性高：API设计简洁明了，易于集成到现有项目中。灵活性强：支持多种输出格式（如数组、字符串），并允许开发者根据需求调整输出形式。准确性好：基于成熟的拼音算法，能够准确地将大部分常见汉字转换为正确的拼音。
vue "pinyin-pro
最新发布
02-25
### Vue 中集成 `pinyin-pro` 的使用方法 为了在 Vue 项目中实现中文到拼音的转换功能，可以采用 `pinyin-pro` 库来完成这一需求。下面介绍如何安装并配置该库，在组件内部调用其 API 实现所需的功能。 #### 安装依赖包 通过 npm 或 yarn 来安装 `pinyin-pro`： ```bash npm install pinyin-pro --save ``` 或者 ```bash yarn add pinyin-pro ``` 此命令会下载并将 `pinyin-pro` 添加至项目的 node_modules 文件夹下[^1]。 #### 创建辅助函数用于处理拼音逻辑 定义一个新的 JavaScript 文件（例如 utils/pinyin.js），用来封装获取字符串对应拼音的方法: ```javascript // src/utils/pinyin.js import { pinyin } from "pinyin-pro"; export default function getPinYin(str) { if (!str || typeof str !== 'string') return ''; const result = pinyin(str, { pattern: 'initial', // 获取首字母模式 type: 'array' }); return Array.isArray(result) && result.length > 0 ? result.map(item => item.join('')).join('') : ''; } ``` 这段代码创建了一个名为 `getPinYin()` 函数，它接收一个参数作为输入，并返回由各字符对应的拼音组成的字符串形式的结果[^2]。 #### 在 Vue 组件内引入和应用 现在可以在任何 Vue 单文件组件里导入上述自定义工具函数，并将其应用于模板或其他地方： ```vue <template> <div class="example"> 输入姓名：<input v-model="name"/> 首字母缩写：{{ initials }} </div> </template> <script> import getPinYin from '@/utils/pinyin'; export default { data() { return { name: '' }; }, computed: { initials(){ return this.name ? getPinYin(this.name.toUpperCase()) : ''; } } }; </script> ``` 在这个例子中，每当用户更改 input 框中的值时，计算属性 `initials` 就会被重新评估，从而触发对 `getPinYin()` 方法的新一轮调用，最终更新视图上的显示内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大聪明码农徐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值