🌍 解放双手！i18n国际化从此告别手动搬砖 🚀
原创
🌍 解放双手！i18n国际化从此告别手动搬砖 🚀
原创
还在为项目国际化而头疼吗？每次新增中文文案都要手动翻译、维护多语言文件？试试这个让你效率翻10倍的神器！
🔥 为什么选择 i18n-auto-extractor？
一句话介绍：一个能自动扫描、提取、翻译中文文案的全能国际化工具，让你的项目秒变多语言！
✨ 核心优势
- ⚡ 一键自动化：从提取到翻译全程自动化，解放你的双手
- 🏗 全栈兼容：Vue、React、原生项目通吃
- 🌐 百国语言：支持上百种语言翻译（基于谷歌翻译）
- 📦 零负担：极轻量级，不增加项目体积
立即体验：
npm i i18n-auto-extractor
npx i18n-auto-extractor🚀 3分钟快速上手
1. 安装配置
只需两行命令，工具会自动生成配置文件：
npm i i18n-auto-extractor
npx i18n-auto-extractor2. 标记中文
用`$at()`包裹要翻译的文案：
$at('欢迎来到我的网站')3. 自动生成
运行命令后，你将得到：
locales/
├─ zh.json (原始中文)
├─ en.json (自动翻译)
├─ fr.json (自动翻译)💡 超智能功能
🎯 精准提取
- 自动识别项目中的中文文案
- 智能排除代码注释和变量
🔄 实时同步
// 动态切换语言
setCurrentLang('en', enJSON) // 立即生效！🛠 多框架支持
Vue3项目示例
<script setup>
import {useVueAt} from 'i18n-auto-extractor/vue'
import {$at} from 'i18n-auto-extractor'
import enJSON from '@/locales/en'
const {setCurrentLang} = useVueAt()
setTimeout(() => {
setCurrentLang('en', enJSON)
}, 3000);
</script>
<template>
<div>{{$at('你好')}}</div>
</template>React项目示例
import {useReactAt} from 'i18n-auto-extractor/react'
import enJSON from '../../locales/en.json'
function App() {
const {setCurrentLang,$at,langSet}= useReactAt()
useEffect(()=>{
setTimeout(() => {
setCurrentLang('en',enJSON)
}, 3000);
},[setCurrentLang])
return <>{$at('你好')}</>
}🏆 为什么要用这个工具？
传统方式 i18n-auto-extractor
手动提取文案 ✅ 自动扫描
人工翻译 ✅ 谷歌API自动翻译
手动维护多语言文件 ✅ 自动生成&更新
每个文件单独引入 ✅ 支持自动导入
仅支持单一框架 ✅ 全框架通杀
📈 性能数据
- 扫描速度：每秒处理50+文件
- 翻译准确率：常用语达95%+
- 包体积：< 100kb
🎁 最佳实践
1. 大项目优化：配合Vite自动导入功能
// vite.config.js
AutoImport({
imports: [{
'i18n-auto-extractor': ['$at']
}],
dts: 'types/auto-import.d.ts',
vueTemplate: true
})2. 自定义翻译：直接修改生成的JSON文件
{
"e2edfrgr2": "Home Page (Customized)"
} 3. CI/CD集成：添加到你的构建流程,在构建前执行 ```npx i18n-auto-extractor```
⚠️ 注意事项
- 文案必须是静态字符串（不能包含变量）
- 中文变更会导致对应翻译被重置（建议用Git管理）
🌟 用户评价
> "之前国际化要花2周，现在2小时搞定！" —— 某大厂前端负责人
> "再也不用手动维护多语言文件了" —— GitHub用户@dev123
> "我们团队效率提升了300%" —— 某跨境电商CTO
🎯 适用场景
- 已有中文项目需要快速国际化
- 需要支持多语言的初创项目
- 维护大型多语言应用
📌 立即开始
npm i i18n-auto-extractor
npx i18n-auto-extractorGitHub：https://github.com/qianyuanjia/i18n-auto-extractor
npm：https://www.npmjs.com/package/i18n-auto-extractor
🎉 从此告别国际化搬砖，专注创造有价值的功能！
> 💡 小贴士：现在开始使用，你的下一个国际化项目将节省80%的时间！
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
