VSCode로 TamperMonkey 유저스크립트 작성하기 : 클리앙

tampermonkey 확장프로그램의 자체 에디터도 스크립트 작성하기엔 충분히 좋지만,로TamperMonkey유저스크립트작성하기클리앙


vscode를 사용하다가 tampermonkey를 사용하면, 아쉬운 점이 많은 것도 사실입니다.

(기능 차이가 정말 많이 나고, js 새 문법 반영이 느린 것도 그렇고..)


그런데 이제 tampermonkey가 vscode 연동을 지원하기 시작했어요.



방법은 간단합니다.




unnamed.jpg

1. Tampermonkey BETA 설치

https://chrome.google.com/webstore/detail//gcalenpjmijncebpfijmoaglllgpjagf

vscode 연결은 아직 베타에서만 가능합니다.  일반 버전을 사용중이라면, 베타를 새로 설치해주세요.


unnamed (1).jpg

2. Tampermonkey Editors 설치

https://chrome.google.com/webstore/detail//lieodnapokbjkkdkhdljlllmgkmdokcm





이제 Tampermonkey Editors 아이콘을 누르면, https://vscode.dev/?connectTo=tampermonkey 로 연결을 해주고,

Tampermonkey에 설치된 스크립트를 vscode.dev로 열어주기 때문에

vscode의 기능을 이용하면서 유저스크립트를 작성/수정 할 수 있습니다. ㅎㅎ






vvvv.png

Tampermonkey Editors는 이제 막 나온 베타 기능이라서, 아직 스크립트의 생성/삭제 같은 작업은 할 수 없기 때문에

Tampermonkey BETA에서 스크립트를 생성한 후, vscode로 수정을 해야 하는데요.

이정도만해도 엄청 편하긴 해요. ㅋㅋ


유용한사이트