joplin-vscode-plugin

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #llm #machine-learning #rust #deep-learning #nodejs #java #awesome #cli #kubernetes #pytorch #openai

joplin-vscode-plugin

(★ 70)

The integration of joplin in VSCode currently allows direct operations on directories and notes, while supporting the search function.

joplin-vscode-plugin Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> Migrate to [joplin-utils](https://github.com/rxliuli/joplin-utils/)

# joplin-vscode-plugin

> [English](https://github.com/rxliuli/joplin-vscode-plugin/blob/master/README.md), [简体中文](https://github.com/rxliuli/joplin-vscode-plugin/blob/master/README.ZH_CN.md)  
> [![install](https://img.shields.io/visual-studio-marketplace/i/rxliuli.joplin-vscode-plugin) VSCode Plugin Marketplace](https://marketplace.visualstudio.com/items?itemName=rxliuli.joplin-vscode-plugin)

## Overview

`joplin-vscode-plugin` offers editing and management of Joplin notes with the power and flexibility of VSCode.

Joplin Web Clipper is designed to communicate with browser extensions by sharing Notes, Notebooks, Tags, etc. through a REST web API. `joplin-vscode-plugin` connects to that same REST endpoint to freely make changes to your notes without ever leaving the editor.

> Why does this plugin exist? Read [my motivation](https://rxliuli.com/joplin-vscode-plugin/#/_navbar/other/why) for developing it.
>
> What can it do? The [roadmap](https://rxliuli.com/joplin-vscode-plugin/#/_navbar/other/roadmap) lists both existing and planned features.
>
> Never heard of [Joplin](https://joplinapp.org/)? You're missing out on a great [opensource synchronized note taking app](https://joplinapp.org/).

## Requirements

- Joplin version > v1.4.19
- VSCode version > v1.45.0
- Joplin Web Clipper enabled
- Basic familiarity with using both Joplin and VS Code

## Install Joplin VSCode plugin

Search for "Joplin" in the VSCode Marketplace. Find "joplin-vscode-plugin" and click Install.

![install plugin](https://github.com/rxliuli/joplin-vscode-plugin/blob/master/docs/_media/install-plugin.png?raw=true)

## Configure

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.

> For help with Web Clipper refer to: [Joplin Web Clipper](https://joplinapp.org/clipper/).

Three settings need attention to get up and running.

`Port`

- Copy the port number from Joplin settings and paste it here. The active port displays when Web Clipper is enabled:  
  **Web Clipper -> Step 1: Enable the clipper service -> Status**

`Token`

- Copy your Authorization token from Joplin settings and paste it here:  
  **Web Clipper -> Advanced options -> Authorization Token**

`Program Profile Path`

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 `. /JoplinProfile` directory, in which you should see the _resources_, _templates_, and _tmp_ directories.

![install plugin](https://github.com/rxliuli/joplin-vscode-plugin/blob/master/docs/_media/joplin-settings.png?raw=true)

## Restart VSCode

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 <kbd>Ctrl</kbd>+<kbd>J</kbd> <kbd>Ctrl</kbd>+<kbd>J</kbd> and celebrate. :tada: That hotkey combo activates the _View: Show Joplin_ command, opening the Sidebar to reveal all your Notebooks.

## Usage

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. 🦸‍♀️

> Tip: Explore the results of typing "joplin" in the Command Palette to find out what great features I didn't tell you about.

## 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, <kbd>Ctrl</kbd>+<kbd>J</kbd>, and turned that into the trigger for a key chord.

> Claiming <kbd>Ctrl</kbd>+<kbd>J</kbd> displaced the native binding for `workbench.action.togglePanel` (_View: Toggle Panel_). For your convenience a sane replacement binding is already added at <kbd>Ctrl</kbd>+<kbd>K</kbd> <kbd>Ctrl</kbd>+<kbd>J</kbd>.

Type `Joplin` into the Command Palette (<kbd>Ctrl</kbd>+<kbd>P</kbd>) to see all the new commands available to you. Some of them already have keybindings. Assign new bindings under the <kbd>Ctrl</kbd>+<kbd>J</kbd> namespace to fit your needs.

> You can check the documentation to learn more: [Document website](https://rxliuli.com/joplin-vscode-plugin/)

joplin-vscode-plugin

joplin-vscode-plugin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

joplin-vscode-plugin

joplin-vscode-plugin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README