官网教程有点mismatch，而且从0-100跨度较大，📝记录一下自己的踩坑过程

首先，官网给的example里只有main.ts，需要自己编译成main.js

在视频教程（https://www.youtube.com/watch?v=9lA-jaMNS0k）里给了直接改.js的bypass，但是js看起来很复杂，而且官方文档里给的都是ts的，所以这一步其实绕不过。

可以通过命令行先安装npm
npm install 

这一步我遇到报错，原因是没有权限，于是先通过这个命令修改权限：

sudo chown -R $(whoami) ~/.npm

再通过
npm run dev
把.ts编译成.js

第一步只试了一个花拳绣腿的修改ribbon，ribbon就是最左边插件栏的图标icon，默认是“dice”，这里Lucide有icon大全。我选择了”annoyed“，表达作者不爽😕的心情。

第二步尝试了一下view视窗这个功能，官网教程Views - Developer Documentation写的我看不明白“如何和quick start的例子结合”，（索性把原来内容全删了）直接把这两段copy到main.ts里，编译，看起来长这样。