Skip to content

nangongmoyan/i18n-toolkit-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Start

clone project

git clone git@github.com:nangongmoyan/i18n-toolkit-demo.git

npm install

cd i18n-toolkit-demo
npm install 

npm start

npm start

页面显示

image.png

点击 changeLanguage 会切换成另外一个语言

image.png

在VS Code中可以显示语言对应的具体文案

  • 安装VS Code 插件: i18n ally

image.png

  • 显示英文

Tips:点击右下角红框可以选择在编辑器中显示对应语言的文本

image.png

  • 显示中文

image.png

更换配置

1.首先你需要完成这里面的前置操作后

2.然后更改i18n.config.json配置

3.删除 i18n 文件夹

4.执行npm run intl(命令会将你Google Sheets中的数据拉下来)

5.现在你就可以在页面中显示你表格中的多语言,并可以在VS Code中进行显示文案,在网页上可以切换语言

6.最后,拜拜了,感谢你看到这里

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published