https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4056d041-9f8a-4b73-8a5c-73ab703c82da/Untitled.png

前言

这几年做的项目都需要与多语言打交道,在编辑器中能直接预览到 冷冰冰字段 背后所对应的文案,那体验是相当的好,毕竟对于大部分前端来讲,都是直接面向界面编程。

这也是一直在思考探索更好开发体验的过程

首先,先抛开框架层面来思考,为了在编辑器中能看到 易于识别翻译文案,而不是对应 key 字段

为什么想在编辑器中看到翻译文案?

  1. 开发体验
  2. 避免出错

需要涉及哪方面技术?

  1. Typescript 类型推断
  2. 编辑器插件支持

v1.0 使用 Typescript 推断类型

前置条件:Typescript

const assertions (const 断言)

这是 typescript 3.4 新推出的功能