imgcook自动生成的图片是放在阿里的CDN上，不能用于生产环境，所以官方开放了一种插件机制，可让开发者编写插件来将图片上传至自己的服务器。之前开发了一个7牛插件，但发现调试比较麻烦，于是总结了本文，记录imgcook插件开发调试的方法。

阅读更多

继续折腾imgcook的使用，最近imgcook使用了一段时间，配合之前写的uni-app DSL，工作效率有了不少提升。公司使用的是7牛的CDN，每次都要把本地的图上传上传一下，有点小折腾，于是想用一个插件来解决这个问题。

PS: 本文只是一个折腾的过程，目前插件没有在Windows及Linux下测试。

阅读更多

最近在多团队前端开发的Git Merge操作的时候出了一些问题，有的代码合并完后会把一部分团队的代码给Merge没了。后来团队讨论了一下，除了协作方式及Git使用的一些规范之外 ，决定在Merge的时候加一个人工审核机制，让各团队的负责人审核一下自己的代码还在不在。之前的做法是每次Merge通知团队，让他们自己来看，确认没问题自己发邮件给总负责人。有点低效，于是尝试找一些自动化Merge发邮件的方法。 方案一：Webhook Github支持Webhook机制，可以在检测到Merge操作后，自动发送邮件。 这只是第一步，这里要填 …

阅读更多

最近使用React+Ant Design进行一个网站开发，这个客户的网站有个特点，按钮特别的多。Ant Design 的 Type 有很多种，如下： primary | ghost | dashed | link | text | default 这几个Type分别对应了不同的Button样式和状态，每次遇这种情况都要去找Antd的API查看，有点低效，于是想找一种快捷的方式，大约看了一下VScode的Snippets里带了Choice这种功能，正好满足我的需求。 先添加一个Snippet 自定义snippet的方法可以参考： …

阅读更多

在之前的文章《开发一个基于uni-app的imgcook DSL》中开发了一个团队使用的uni-app的DSL，基本可以凑合使用了。前几天在团队内做了个imgcook小分享，这里也记录一下使用imgcook辅助前端开发的过程。

阅读更多

最近看到了阿里的前端智能化的实践：imgcook 由设计稿一键智能生成代码的大厨，由设计稿直接生成前端代码，试用了一下，比zeplin和蓝湖做的更进一步，可以直接集成到项目开发的过程中。但发现一个问题，imgcook官方支持的DSL并不多，我们团队是使用Uni-app做跨端开发的，希望能将设计稿直接生成符合uni-app的代码，但官方没有，找了一个其他开发者贡献的，也没有找到合适的，于是自己动手写(组装)了一个。

阅读更多

Git目前是毫无争议的项目版本管理的王者，而前端的项目大了之后我们通常需要利用一些Git Hooks来保证项目的质量。包括但不限于： eslint tslint 单元测试 E2E测试 style lint commit lint others checks 有的同学可能要说，没有这些项目质量也会很好，是的，一般这么说的，要么项目小，要么团队人少。如果你的项目人数>30，又是多分支开发的话，就会大概率需要这玩意。 初识Husky 原生的Git Hooks写法比较麻烦，Husky 做了比较好的封装。截止本文发布之 …

阅读更多

使用pm2在本地启动了2个项目，2个项目都是使用了3000的端口，发现2个项目都启起来了。这是什么黑科技啊？ 定位一下3000端口 先定位了一下3000端口的占用情况。 lsof -i tcp:3000 结果： 是73333 看一下pm2 pm2 ls PID并不是73333 什么关系 使用下面命令 ps -ef | grep 95706 ps -ef | grep 95656 原来是 PID 和 PPID， 所以就明了了：父进程进行端口监听，然后分发给子进程进行处理。 思考 那2个项目中的API路径一样怎么办？

阅读更多

pm2 设置环境变量有2种方法。 方法一 NODE_ENV=XXXXX pm2 XXXX 方法二 使用一个单独的配置文件，可以参考官网 https://pm2.keymetrics.io/docs/usage/environment/ 如： pm2 start ecosystem.config.js --env production 设置不生效 尝试了上述2种方法发现都不行，最近找到解决方案。如果实例已经建立了，即在 pm2 ls 中可以看到，那先需要运行 pm2 delete YOUR_INSTANCE 把原来删除才可 …

阅读更多