Skip to content

A starter template for creating obsidian plugins with vue.js

Notifications You must be signed in to change notification settings

nirvana6/obsidian-vue-starter-plugin

 
 

Repository files navigation

Develop your own plugins with Vue3

Init steps

  1. Clone this repository to your .obsidian\plugins directory, and move into it.

  2. Run npm install to install all the stuff you need, Including:

    • vue3 sfc support
    • vue3 tsx support
    • typescript
    • esbuild
  3. Run npm run dev to compile code and generate a main.js, which is the final output. Your main.js will be updated simultaneously with the change of your source code files.

If above steps work, you can turn on 'Vue Template' plugin in Obsidian. Click the dice like button on the left ribbon, a new tab will open on the right and says "Hello,Developer!".

  1. When you get ready to build a release, run npm run build to create it. This will remove all codemaps and minify code size.

Notice

  • hot-reload plugin may be very helpful in your developing. It reloads the plugin whose main.js file changes, so you don't need do it yourself every time you make changes to code.

About

A starter template for creating obsidian plugins with vue.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 44.0%
  • JavaScript 43.2%
  • Vue 8.9%
  • CSS 3.9%