Vite X Figma 打造设计师专属的 i18n 插件

最新推荐文章于 2024-05-19 09:58:04 发布
最新推荐文章于 2024-05-19 09:58:04 发布
阅读量327 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/web2022050903/article/details/125330884
版权

动机

有一位同学发现我在研究 Figma 插件，故问我若给设计师提供一个i18n插件，用于提前预览多语言环境下的设计稿是否可行。正好我之前想做的某个 Figma 插件实现起来比较复杂，而这个i18n需求实现起来又比较简单，正好可以用来练手和踩坑。源码地址为github.com/ascodelife/…

i18n（其来源是英文单词 internationalization的首末字符i和n，18为中间的字符数）是“国际化”的简称。在资讯领域，国际化(i18n)指让产品（出版物，软件，硬件等）无需做大的改变就能够适应不同的语言和地区的需要。对程序来说，在不修改内部代码的情况下，能根据不同语言及地区显示相应的界面。 在全球化的时代，国际化尤为重要，因为产品的潜在用户可能来自世界的各个角落。通常与i18n相关的还有L10n（“本地化”的简称）。

使用 Vite 配置 Figma 插件开发与生产环境</

最低0.47元/天 解锁文章
东方睡衣
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Figma 插件开发 - Vite 环境搭建
小王的技术库
05-27 1917
最近工作主要和 Figma 插件打交道，梳理一些踩坑的经验~ 开始 官方的起始例子：www.figma.com/plugin-docs… 按步骤将插件文件保存到本地即可，调试时可以右键唤起插件，可以关注下几个功能入口： Import plugin from manifest 导入本地插件 Open console 控制台调试 Run last plugin 加载最新的插件 目前 figma 插件开发流程没有有效的 hot reload 机制，【加载最新插件】在开发时比较常用，快捷键可以记一下。
Figma插件开发
奇舞周刊
01-04 4085
目的：介绍 Figma 插件；figma 插件开发从 0 到 1；分享自己开发的想法一、Figma 是什么，figma 插件是什么Figma 初印象figma 是一个基于浏览器 的协作式...
推荐一款创新的Vite构建插件：vite-plugin-singlefile
最新发布
gitblog_00078的博客
05-19 449
推荐一款创新的Vite构建插件：vite-plugin-singlefile 项目地址:https://gitcode.com/richardtallent/vite-plugin-singlefile 在Web开发中，将资源打包成单个HTML文件可能并不常见，但有一款名为vite-plugin-singlefile的Vite构建插件颠覆了这一常规。它允许你将所有的JavaScript和CSS资源...
figma-svelte:使用Svelte进行Figma插件开发的简单样板
04-01
Figma-Svelte 使用Svelte开始进行Figma插件开发的简单样板。
Figma插件开发-监听选中更改
hufang360的专栏
12-11 951
Figma插件开发-监听选中更改 想在插件面板显示选中元素的个数，当选中元素发生改变时，面板会实时响应。找到了两种处理方法。第一种是调用setInterval方法定时刷新，第二种是监听相应事件，本文主要讨论第二种。 figma提供了选中更改响应的事件，在官方的api链接里能找到，code.ts 部分的相关代码如下： // 第二种方法：监听事件 figma.on('selectionchange', () => { const msg = "已选中：" +figma.currentPage.sele
Figma 封禁大疆后，我开发了这个神仙插件
CHPATO的博客
03-18 571
一款批量导出 Figma 源文件的插件
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌...
eslint-plugin-i18n-json：JSON i18n转换文件的完全可扩展的eslint插件
02-03
JSON i18n转换文件的完全可扩展的eslint插件。 :party_popper: 目录 产品特点 :rocket: 皮棉JSON转换文件 规则： i18n-json/valid-json 配置一个自定义的linter，以防默认值不符合您的需求。 验证每条消息的...
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss ...
vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss...
Vue中使用vue-i18插件实现多语言切换功能
12-03
step2:在项目的入口文件main.js中引入vue-i18n插件  import Vue from 'vue' import router from './router' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'zh', // ...
使用FigmaPluginAPI的示例插件
08-10
使用Figma Plugin API的示例插件
测试可视化_流行测验：这些COVID-19可视化怎么了？
weixin_26737001的博客
09-09 381
测试可视化My professional duties include building data visualizations that a) contain useful information and b) are intuitive to use and interpret. Therefore, it bugs me when I encounter visualizations in ...
【Web技术】1414- Figma 是如何在 Web 上构建一个插件系统
pingan8787
08-16 330
原文：https://www.figma.com/blog/how-we-built-the-figma-plugin-system/翻译：https://juejin.cn/post/6844903956263501838作者：夏华在 Figma，我们最近解决了迄今为止最大的工程挑战之一：支持插件。我们的插件 API 使第三方开发人员可以直接在基于浏览器的设计工具中运行代码，因此团队可以使 F...
Figma 插件学习（一）
weixin_44254470的博客
11-19 716
figma插件的介绍，上线和新建
Figma 是如何在 Web 上构建一个插件系统
油墨香^-^的博客
08-16 773
在 Figma，我们最近解决了迄今为止最大的工程挑战之一：支持插件。我们的插件 API 使第三方开发人员可以直接在基于浏览器的设计工具中运行代码，因此团队可以使 Figma 适应自己的工作流程。他们可以用可访问性检查器测量对比度，用翻译应用程序转换语言，进口商可以用内容填充设计，以及其他需求。我们必须仔细设计该插件的功能。在整个软件历史中，有很多第三方扩展对平台产生负面影响的例子。在某些情况下，他们拖慢了工具的运行速度，在其他情况下，每当平台有新版本发布时，插件就会中断。...
Vue3+vite搭建基础架构（5）--- 使用vue-i18n
weixin_48040732的博客
02-02 936
这里记录下在Vue3+vite的项目使用vue-i18n做国际化语言的过程，不使用ts语法，方便以后直接使用。
vite+vue3+ts使用i18n
weixin_59916662的博客
11-15 5901
vite+vue3+ts使用i18n
使用vite和vue-i18n，实现部署后更新多语言功能
郊眠寺
02-20 581
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
vite i18n plugin
09-05
Vite i18n插件是一个为Vite构建工具提供国际化支持的插件。Vite是一个新一代的前端构建工具，它具有快速的冷启动时间和高效的热更新能力，而Vite i18n插件则可以帮助我们实现多语言的支持。 Vite i18n插件可以提供以下功能： 1. 多语言支持：插件可以帮助我们在应用程序中轻松管理和切换不同的语言版本。它允许我们为不同的语言提供翻译文件，并根据用户的语言偏好自动加载适当的翻译。 2. 动态更新：Vite i18n插件支持热更新功能，可以在开发过程中实时更新翻译内容，从而方便开发人员进行国际化测试和调试。 3. 高效加载：Vite i18n插件可以根据需求按需加载翻译文件，避免加载不必要的文件，从而提高应用启动和加载速度。 4. 适配不同框架：Vite i18n插件不仅适用于Vue.js，还可以与其他主流前端框架（如React、Angular等）结合使用，提供一致的国际化支持。 使用Vite i18n插件，我们可以轻松地实现应用程序的国际化需求，提供多语言支持，增强用户体验。通过简单的配置和加载翻译文件，我们可以减少手动处理翻译的工作量，高效地进行国际化开发。总之，Vite i18n插件是一个方便易用的工具，为我们提供了便捷的国际化支持。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值