前言
Crowdin 是一个协作翻译平台，很完善，有很多强大功能。你可以对你的源文件进行逐句翻译，查看翻译推荐，还拥有进度管理和审核机制。该平台你可以创建仓库，然后把你本地要翻译的大量源文件上传至仓库，可以多人协作翻译，最后再下载回你本地项目。为什么要用？因为我看见 e 了么在用那我就用哈哈
一、Crowdin平台操作
我们先进入 Crowdin 官网
然后要登录账号，可以用邮箱注册或者用 github 账号登录
进去后可以选择 Free 版本，够我们日常使用了，是的，别的要钱哎，这个选择的话在你创建项目时就会有让你选择了，不必专门去找
1.创建仓库
你可以点击右上角头像，然后选择 Profile，随后我们可以看到自己拥有的项目，点击加号新建项目
你会看到下面这个界面，步骤解释一下
- 项目名称
- 项目访问路径（就像是你的 Git 仓库一样的访问方式）
- 设置为公开仓库（免费版私有仓库目前只能创建一个，尽量选公开的）
- 源码（你项目的代码最初是什么语言，这里我选择英文）
- 目标语言（你要翻译成哪几种语言，这里我选择了简体中文和繁体中文）
- 都填写了就创建吧
创建成功后就是下面这个样子，简单说明下一些重要的选项卡
Home: 你仓库首页，这里你可以构建和翻译你的项目文件
Activity: 项目的变动记录，就是提交保存记录
Content: 项目目录，你可以上传和下载文件
Settings: 设置里可以修改你项目的基本信息
右下角：里面画圈圈的 ID 需要你铭记，是你的项目 ID
2.翻译文件
首先你想翻译文件，那么你得先有文件吧，是的！
你可以在 Content 中新建文件夹然后 手动 上传本地文件
你也可以在你的本地 Vue 之类的项目中使用命令上传源码至该仓库，这里就着重说下这个吧，请移至下面的 二、本地项目操作
等你本地项目操作看完后再 继续 看这个吧
在 Home 界面点击语言，我点击中文，点进去之后如下图所示，你可以选择某个文件去翻译，右侧可以查看到当前文件中文语言的翻译进度
点击 changelog.md ，点进去之后你会看到以下步骤
- 你的源码文件中的内容，你可以点击单词，然后在右侧翻译
- 你可以把翻译后的内容写在这里
- 这里展示的是智能翻译后的文本，你可以点击选择
- 最后 Save 以下，就可以继续去点击翻译下一个单词了
翻译完毕后你可以返回看到你当前文件翻译进度，你也可以随时把翻译后的文件下载到你本地项目里
二、本地项目操作
1.安装脚手架
执行以下代码全局安装 @crowdin/cli 注意名字不可有错
npm i -g @crowdin/cli
安装完成之后我们到我们自己的项目根目录使用以下命令来初始化配置文件
crowdin init
执行中会要求你通过浏览器认证账号，再输入一遍密码就行了
然后要输入你在 Crowdin 平台上的项目的 ID (Project id)，输入刚刚上面画圈圈的那个 ID
然然后你要输入你的项目目录，默认为当前目录，直接回车就行
然然然后你就得到了你的 crowdin.yml 配置文件，接着你需要在里面配置你的要上传的源文件的路径和翻译后的文件下载要存放的路径
2.上传源码
在 crowdin.yml 配置文件中，你需要注意 files 中的 source 和 translation 即可，我们可以配置多个源码目录与下载目录
举个栗子：
我的项目根目录有 docs 和 data 文件夹，里面都有个 en-US 文件夹，其中 data 下的 en-US 还有一层文件夹目录，然后该目录下都是json文件，docs 下的 en-US 中全是 md 文件
现在我需要把 docs/en-US/ 下所有的 md 文件 和 data/en-US/**/ 下所有的 json 文件 都上传到 crowdin 并翻译，假如翻译成简体中文，翻译完成后我再把翻译后的文件下载到 docs/zh-CN/ 目录下和 data/zh-CN/ 目录下
这时候，就可以开始着手配置 crowdin.yml 中的 source 和 translation 了，%locale% 是翻译的语言，%original_file_name% 是源文件名，不用变即可
files: [
{
'source': 'docs/en-US/*.md',
'translation': 'docs/%locale%/%original_file_name%',
},
{
'source': 'data/en-US/**/*.json',
'translation': 'data/%locale%/**/%original_file_name%',
},
]
在 npm script 中加入新的 npm 脚本命令 用于上传资源
"crowdin:upload": "crowdin upload sources",
执行命令上传资源
npm run crowdin:upload
上传成功后你会发现你的 Crowdin 平台项目的 Content 中有内容了
3.下载翻译文件
你可以先使用命令查看平台文件列表和预计要下载的文件列表，其实可有可无
crowdin list project
crowdin download --dryrun
下面是下载某语言的翻译文件，在 npm script 中加入 新的 npm 脚本命令用于下载翻译文件，-l 后加入 语言标识 即可下载对应的语言翻译后的文件
zh-CN: 简体中文
zh-TW: 繁体中文
"crowdin:cn": "crowdin download -l zh-CN",
"crowdin:tw": "crowdin download -l zh-TW"
假如我刚刚翻译了 changelog.md ，翻译操作在上面讲过了。现在我想把中文翻译后的文件都下载到我的本地项目，我就可以执行
npm run crowdin:cn
最后你发现了你的 docs 中如你所愿有了zh-CN目录，并且文件中的内容也是你刚刚自己一个个翻译的
其他文件你也可以在平台选择机翻或手动翻译，没翻译的文件你下载下来还是源码的语言哦
上面所使用到的命令如下
"scripts": {
...
"crowdin:upload": "crowdin upload sources",
"crowdin:list": "crowdin list project",
"crowdin:dryrun": "crowdin download --dryrun",
"crowdin:cn": "crowdin download -l zh-CN",
"crowdin:tw": "crowdin download -l zh-TW"
},