使用vscode开发Tampermonkey油猴脚本

使用vscode开发Tampermonkey油猴脚本

最近尝试开发油猴脚本，但是油猴自带的编辑器确实让人一言难尽，找了很长时间，终于找到一个完美的解决方案。

油猴可以 // @require ... 的方法引用外部js文件，如果要引用本地文件，需要在浏览器插件设置中允许油猴访问文件URL，步骤

1. 在浏览器地址栏输入：edge://extensions（新版Edge，chrome用户请将edge换成chrome）
2. 找到Tampermonkey，点详细信息，打开允许访问文件 URL

image-20201009161344279

现在在油猴中新建一个脚本，在前面添加你引用的本地文件的路径，注意路径前面要加file://下面的默认代码就可以删了：

image-20201009162825486

这时候就可以在vscode中愉快地写代码啦~ 当然，其他编辑器也是可以的

image-20201009163157982

image-20201009163259053