【发布时间】:2019-09-23 10:04:24
【问题描述】:
我已经安装了the Angular Translator plugin,但它似乎不起作用。
但是什么都没有发生,我也没有收到任何错误消息。
我正在使用 VSCode 1.38.1 和 Angular 8。
知道为什么我不能使用这个插件吗? 我还将接受一个可靠的替代方案来回答我的问题。
非常感谢。
【问题讨论】:
标签: angular visual-studio-code angular-i18n
我已经安装了the Angular Translator plugin,但它似乎不起作用。
但是什么都没有发生,我也没有收到任何错误消息。
我正在使用 VSCode 1.38.1 和 Angular 8。
知道为什么我不能使用这个插件吗? 我还将接受一个可靠的替代方案来回答我的问题。
非常感谢。
【问题讨论】:
标签: angular visual-studio-code angular-i18n
查看documentation 并确保您的解决方案已创建文件夹并安装了包。
要求
src 文件夹内应该有一个 i18n 文件夹和一个 en.json 文件。
这个扩展假定 Angular 项目应该安装了 npm 包 @ngx-translate/core。
已知问题
如果不满足上述要求,扩展将无法工作。 如果找不到,它不会自动创建文件。
【讨论】:
查看插件后,它似乎不是进行翻译的好方法。对所有内容进行管道化可能会对性能产生负面影响,这不是 Angular 的官方方式。
我会遵循 Angular 提供的 i18n 指南,并使用 i18n 标签正确标记您的项目,然后使用 angular cli(例如ng xi18n --output-path src/i18n)生成您的翻译文件。最后我检查了一下,您仍然必须为每种语言进行单独的构建,但预编译的性能要优于即时编译。这是一个相当大的兔子洞,超出了这个问题的范围,但我认为如果你完全放弃插件,从长远来看你会有更好的结果。
关于 i18n 的 Angular 指南:https://angular.io/guide/i18n
关于 i18n 的一些附加信息:https://medium.com/@feloy/deploying-an-i18n-angular-app-with-angular-cli-fc788f17e358
【讨论】:
确保您在项目中安装了 @ngx-translate/core。转到项目文件夹并使用以下命令安装包库:npm i @ngx-translate/core
【讨论】:
https://marketplace.visualstudio.com/items?itemName=RohanAgarwal-Vscode.angular-translator#overview
在 en.json 文件中创建所选字符串的相应条目, 最大键长为 5 个单词。不重复输入。 添加翻译管道添加到 en.json
要求 src 文件夹内应该有一个 i18n 文件夹 一个 en.json 文件。
这个扩展假定 Angular 项目应该有 npm 包 @ngx-translate/core 已安装。
已知问题 如果指定要求,扩展将无法工作 以上不满足。它不会自动创建文件,以防万一 没有找到。
如果是无法解决卸载扩展并关闭VS代码然后重新打开VScode然后重新安装重新打开IDE
【讨论】: