sb搭建组件库文档还是挺方便的。当前的一个组件库,是业务组件库,title我们使用中文描述,因为中文表达更为准确,但组件名称毕竟是英文,因此希望在组件文档树上能够体现出来,这样也可以英文检索。于是需求出现了,如何自动将组件名称追加到title上呢。

解决方案

  1. 手动写,N个组件需要手动编写N次,另外如果rename组件,title需要手动维护,pass

  2. sb是否本身提供了口子,sb提供了titlePrefix,但只是解决了,某个文件夹下的title可以增加统一前缀,并不满足当前需求,pass

  3. 以上两个方案不行那就只能自行解决了,因为sb文档采用的webpack构建,且title定义语法很确定,所以决定开发webpack-loader针对stories文件统一处理解决

阅读全文 »

最近花了点时间试用了下VSC和JB的远程开发工具,觉得不错,这里简单介绍下。

以后工作上高开销编译问题可以丢远程机器来搞了,当然为了 开放流畅远程机器和本身网络情况还是有高要求的。

Visual Studio Code

VSC想实现远程开发,需要下面几步

  1. 部署Code Server
  2. 本地安装Visual Studio Code即VSC
  3. 安装Visual Studio Code Remote - SSH插件
  4. 添加SSH配置信息,连接即可
阅读全文 »

最近公司提供了云IDE服务,这样部分开发工作可以从本地切换到远程机器,同时现在前端也走向了微前端,开发时总是需要走代理。云IDE出现后,意味着代理的地址会随着IDE地址而变化,因此这里驱动出了,解决一键加载远程代理规则的需求。

云IDE出现后,整体开发流程如下

  1. 当任务管理系统下发一个story
  2. 开发者创建feat/fix分支,CI自动创建一台云IDE开发环境,同时创建出新的whistle代理规则文件
  3. CI发送消息告知云IDE地址及whistle代理规则文件地址
  4. 开发者点击whistle代理地址,直接加载该规则
  5. 开发者开始开发

如上的好处是,开发人员不用手动维护代理规则文件。

为了解决这样的需求,开始whistle插件开发,发现whistle提供了脚手架工具及一些demo,整体开发还是比较顺利的。但有些问题,官网并没有描述很清楚,这里简单总结下,兴许帮到些同行。

阅读全文 »

现在很多站点服务有2FA机制,登录或者在线支付等服务都需要发送短信》接收短信后输入其中的验证码。

针对这个机制,iPhone上支持自动提取,点击即可填充,而Mac上只有Safari下有类似体验,假如使用Chrome等其它App就失去了该体验。为了解决这个不足,这里开发个workflow来优化下体验。

下载地址:戳这里

效果

如上,当发送信息后等几十秒,当短信收到后,输入2fa唤起workflow,选择验证码项,回车即可拷贝到剪贴
板,⌘ + v填充到目标输入框。

注意

  1. 不同验证码有效期存在差异,因此workflow提供有效期设置选项,默认查询10分钟以内接收的短信验证码

  2. 为了保证读取Mac下短信,Alfred需要具备磁盘访问权限

    阅读全文 »

NPM下的TS包开发时,可能会对Window增加的自定义属性,或者Node Env下增加自定义属性,这类全局类型定义文件都是.d.ts。这类文件即使发布到包中,在具体项目下使用时会发现类型不会得到提醒,不work。为了安全,解决下。

解决办法

TS/JS项目下解决办法不同

TS项目

tsconfig.json中include中增加该定义文件

阅读全文 »
0%