https://github.com/evanagee/vuejs-wordpress-plugin-starter

A quick way to get up and running with a Vue-based WordPress plugin
https://github.com/evanagee/vuejs-wordpress-plugin-starter

vue vuejs wordpress wordpress-plugin

Last synced: 26 days ago
JSON representation

A quick way to get up and running with a Vue-based WordPress plugin

• Host: GitHub
• URL: https://github.com/evanagee/vuejs-wordpress-plugin-starter
• Owner: EvanAgee
• Created: 2018-03-17T03:20:56.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-05T07:51:10.000Z (over 2 years ago)
• Last Synced: 2025-03-28T10:54:06.377Z (about 1 month ago)
• Topics: vue, vuejs, wordpress, wordpress-plugin
• Language: PHP
• Homepage: https://vuewordpress.com
• Size: 1.47 MB
• Stars: 100
• Watchers: 5
• Forks: 28
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![image](https://res.cloudinary.com/evanagee/image/upload/v1580244758/VueWP/VWP-hero.png)

# vuejs-wordpress-plugin-starter

- Browsersync for auto refreshing during local development

- webpack to handle all of the assets

## Getting Started

- Clone the repo inside of your `wp-content/plugins` directory

- Rename the cloned plugin directory, `vwp-plugin.php` and the files inside of the `inc/` directory to suite your needs.

- Review the contents of vwp-plugin.php making sure to replace any occurances of `vwp-plugin`, `vwp_plugin` and `VwpPlugin` with your own namespacing.

- Navigate to the plugin's directory and run

  `npm install`

  `npm run watch` for development

  `npm run build` when you're ready to deploy the plugin.

- Note `templates/admin/index.php` is the base PHP template for the plugin settings UI. It has an element `
` where the Vue app is getting mounted.

- The provided Vue template can be found in `src/vue/App.vue`.

- Activate the plugin in WordPress

- Get to work!