How to Develop an Obsidian Plugin - Getting Started Guide

A quick guide to get started with Obsidian plugin development. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash nvm install node npm install -g esbuild Download the Obsidian Sample Plugin from GitHub Place it in your

A quick guide to get started with Obsidian plugin development.

Setup

1. Install NVM and Node.js

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
nvm install node

2. Install esbuild

npm install -g esbuild

Install Sample Plugin in Obsidian

Download the Obsidian Sample Plugin from GitHub
Place it in your vault's .obsidian/plugins/ directory
Run the development server: npm run dev
Enable the plugin in Obsidian Settings > Community Plugins

Debugging

Since Obsidian is an Electron app, you can use Chromium developer tools:

macOS: Cmd + Opt + I
Windows/Linux: Ctrl + Shift + I

Originally published at my blog

Node.js 기초 - 실행, 인자, 로그, 이벤트, 종료

Node.js의 기본적인 사용법에 대해 알아봅니다. node test.js process.argv.forEach((val, index) => { console.log(`${index}: ${val}`); }); 결과: node chrome.js aa 0: /usr/local/bin/node 1: /path/to/chrome.js 2: aa console.log('This example is different!'); console.l

2 min read

Web Development

React Hooks - Part 1: useState - Series Test

First part of the series...

1 min read

Web Development

The useCallback react hook

Solving the Re-render Issue with useCallback Hook In the previous example, we faced a problem where a memoized component was re-rendering unnecessarily because its function prop (removePerson) was being recreated each time the state changed. Let’s

6 min read

Subscribe to Our Newsletter

Get the latest tech news, insights, and updates delivered straight to your inbox. Join our community of tech enthusiasts!

We respect your privacy. Unsubscribe at any time. Unsubscribe here