使用vscode开发Tampermonkey油猴脚本

使用vscode开发Tampermonkey油猴脚本

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

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

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

使用vscode开发Tampermonkey油猴脚本

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

使用vscode开发Tampermonkey油猴脚本

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

使用vscode开发Tampermonkey油猴脚本使用vscode开发Tampermonkey油猴脚本