Power-ups,让Trello更好用

850 阅读1分钟

Trello打破时间轴排序,让任务、资料以卡片形式分类,更加自由地掌握在我们手上。在实际使用中,我们有时候也需要对卡片进行一些处理,Trello自身提供了丰富的插件,无论是网页还是移动端都能使用。拓展了更多的使用场景,有详细的分类。

image.png 同时,trello也提供了开发者权限,可以自定义power-ups。目前没有中文文档,官方给出的一些老旧example也不太适用,下面来介绍搭建power-ups的基础步骤,让trello更好用!

首先,需要一个trello的个人账号,组织账号实测可以创建新的power-ups但无法添加应用。在GitHub创建一个repo,clone到本地。

yarn init

image.png

yarn add -D parcel-bundler

image.png

添加build脚本: “scripts”:{"build":"parcel build src/html/*.html"}

image.png

根目录下新建src等文件,此时的目录结构:

image.png

然后yarn build

image.png 此时目录结构:

image.png

将不必提交的文件加入.gitignore就可以提交初始化了! 接下来用netlify--app.netlify.com/进行部署。连接GitHub,选择仓库,定义好site name就可以了。

image.png

最后在trello.com/power-ups/a… 页面添加power-ups:

image.png

image.png connector url填netlify里面对应的Url:

image.png

新建完成在自定义的power-ups里就能看到了,可以添加使用,不过此时还没有任何功能。

image.png

在connector.js里添加代码,yarn build 以后刷新就能在控制台看到:

`console.log("hello world");

window.TrelloPowerUp.initialize({ "card-badges": function (t, opts) { return []; }, });`

image.png

trello提供了很多api,也有一些教程在developer.atlassian.com/cloud/trell…