Preface
之前博客启用了腾讯云COS的功能来做图床,而且有插件配合方便上传。之后便想着在VSCode当中实现一样的功能,经过了一番搜索,找到了这个插件:https://github.com/Galen-Yip/tencent-cloud-cos-upload-image
但是,在配置完毕之后,我发现上传路径中混有Windows的\
。遂修改。
修Bug
首先是clone代码,这没啥好多说的。拿到代码发现是Typescript
写的,我以前是拿JS写的,稍微有点不习惯,但是问题不大。
首先是npm
一条龙服务,我这里以前就换了淘宝源:
npm install -g cnpm
所以我:
cnpm install
然后,注意到编译的脚本:
npm run compile
编译后的文件是直接输出到out
目录
接下来就是直接调试。浏览过代码后,定位到存在路径的几个地方,将\
统一替换成/
:
重新打包发布
npm install -g vsce
vsce publish
之后的内容可以参考我以前的博客
插件主页&安装地址:https://marketplace.visualstudio.com/items?itemName=JeffersonQin.tencent-cloud-cos-upload-image
后记
其实整个过程中还遇到了其他很多困难,特别是环境变量的问题导致我误以为powershell脚本有问题,一开始还准备重写。最后总算是顺利解决了这些问题。
不过现在的插件还是有美中不足,那就是配置了防盗链以及跨域CORS访问之后,图片就不能预览了,在以后的更新当中,争取早日解决这个问题。