Joplin Web Clipper is designed to communicate with browser extensions by sharing Notes, Notebooks, Tags, etc. through a REST web API.
Install Joplin VSCode plugin
Search for "Joplin" in the VSCode Marketplace. Find "joplin-vscode-plugin" and click Install.
To access the Joplin database, we need a connection to the API endpoint opened by Joplin Web Clipper. That means Joplin must be running and Web Clipper must be enabled.
Three settings need attention to get up and running.
This setting is required if you wish to use attachment-related features.
In general, if you are using a portable application, it should be the
Currently configuration edits do not trigger a fresh connection. Simply close VSCode and it should connect to Joplin the next time you start.
Say Hello Joplin
Type the key chord Ctrl+J Ctrl+J and celebrate. :tada: That hotkey combo activates the View: Show Joplin command, opening the Sidebar to reveal all your Notebooks.
All your Notes and Noteboks can be found in the Sidebar. Unfold the Notebooks to see Subnotebooks and Notes beneath.
Click on a Note to open a working copy in the Editor. Save it to push changes back to Joplin.
You have full access to create, edit, and delete both Notes and Notebooks, at your whim. And it doesn't even stop there. The power is yours now. 🦸♀️
Commands and keybindings
VSCode has a lot of keybindings. To avoid constantly clashing with all the built in settings, we laid claim to just one desirable hotekey, Ctrl+J, and turned that into the trigger for a key chord.