【问题标题】:Angular translate plugin not firing up角度翻译插件没有启动
【发布时间】:2019-09-23 10:04:24
【问题描述】:

我已经安装了the Angular Translator plugin,但它似乎不起作用。

  • 我尝试过使用默认快捷键:“ctrl + alt + T”;
  • 我已尝试将快捷方式更改为“alt + t”;
  • 我已经尝试通过命令提示符使用它:

但是什么都没有发生,我也没有收到任何错误消息。

我正在使用 VSCode 1.38.1 和 Angular 8。

知道为什么我不能使用这个插件吗? 我还将接受一个可靠的替代方案来回答我的问题。

非常感谢。

【问题讨论】:

    标签: angular visual-studio-code angular-i18n


    【解决方案1】:

    查看documentation 并确保您的解决方案已创建文件夹并安装了包。

    要求

    src 文件夹内应该有一个 i18n 文件夹和一个 en.json 文件。

    这个扩展假定 Angular 项目应该安装了 npm 包 @ngx-translate/core

    已知问题

    如果不满足上述要求,扩展将无法工作。 如果找不到,它不会自动创建文件。

    【讨论】:

      【解决方案2】:

      查看插件后,它似乎不是进行翻译的好方法。对所有内容进行管道化可能会对性能产生负面影响,这不是 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

      【讨论】:

        【解决方案3】:

        确保您在项目中安装了 @ngx-translate/core。转到项目文件夹并使用以下命令安装包库:npm i @ngx-translate/core

        【讨论】:

          【解决方案4】:

          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

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2011-11-25
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2020-04-03
            相关资源
            最近更新 更多