How To Build and Publish an Open Source Vue.js Plugin

In this talk, we will go through the step-by-step journey of creating a reusable Vue.js plugin. You'll learn how to leverage Vue.js's architecture and design patterns to create a seamless integration with any Vue application.

Finally, we'll demystify the publishing process. You'll discover how to package your Vue.js plugin using popular package managers like npm and make it available to the Open Source community to use and contribute.

Transcript

1. HOW TO BUILD AND PUBLISH AN OPEN SOURCE VUE.JS PLUGIN B Y F R E D R I C K
2. Getting started 01 Publish library 02 Contact 03 T A B L E O F C O N T E N T S
3. G E T T I N G S T A R T E D Creating a new Vue Application
4. G E T T I N G S T A R T E D Creating a new Vue Application Create SimpleDarkMode component
5. G E T T I N G S T A R T E D Creating a new Vue Application Create SimpleDarkMode component Expose component to Vue
6. G E T T I N G S T A R T E D Creating a new Vue Application Create SimpleDarkMode component Expose component to Vue Add configuration for library
7. G E T T I N G S T A R T E D Creating a new Vue Application Create SimpleDarkMode component Expose component to Vue Add configuration for library Library mode configuration
8. Npm account required! P U B L I S H L I B R A R Y
9. P U B L I S H L I B R A R Y npm login npm publish --access=public
10. P U B L I S H L I B R A R Y View library on npm registry Install in Vue.js application
11. D E M O Plugin usage Dark theme Light theme
12. Name Fredrick Mgbeoma Website codeisbae.com GitHub https://github.com/fuchodeveloper L E T S C O N N E C T