某人的一个无聊想法,然后一个无聊的下午 写了第一个vs扩展
实现参考: video扩展,用背景来播放视频...这个也很无聊的
因为涉及版权问题 插件下架了 只能通过开发模式加载,详见官方的开发文档(我记得是npm link到vs的插件目录下,我也记不清了哈 哈哈哈哈)
vscode基于electron,拥有一个index.html的静态文件,我要做的就是重写这个index.html加入相应的script标签和js 就行了,然而这样会被检测出vscode出错,请点击不再显示
- 最近vscode升级了UI,需要安装1.28版本以上使用
- windows系统下需要管理员权限 (右击图标-兼容性-以管理员运行)
- mac系统下 在应用目录-vscode-查看简介-最下方修改-读与写权限
输入live2dInstall前务必手动备份 Microsoft VS Code/resources/app/out/vs/workbench/electron-browser/bootstrap/index.html文件
- 扩展里搜索live2d安装
- ctrl+shift+p 输入live2dInstall (这时候入口index.html会被重写,然后重启vs才会就能正确加载)
- 重启
- ctrl+shift+p 输入live2dUninstall(这时会恢复入口文件,依然是重启生效)
- 卸载插件
- 若仍报错,将备份的index.html再放回去就行了
** 修改配置后执行live2dInstall再重启才生效**
配置: 文件 -> 首选项 -> 设置
// 未配置则为如下默认参数
"live2d.width": 200, // canvas宽度
"live2d.height": 220 // canvas高度,
"live2d.bottom": 20, // canvas距底部位置
"live2d.right": 20, // canvas距右侧位置
"live2d.model": "hijiki", // 模型名称 见参考中第二条 目前26个
"live2d.headPos": 0.5, // 重心
"live2d.scale": 2, // 缩放(貌似无效..)
"live2d.opacity": 0.7, // 透明度
"live2d.hoverOpacity": 1 // hover透明度
"live2d.canHover": true // 是否开启hover效果(鼠标穿透)