A WordPress Vue.js starter plugin
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Added npm dev-build script Jun 22, 2018
includes Updated docs Feb 21, 2018
languages Initial commit Feb 20, 2018
.gitignore Initial commit Feb 20, 2018
README.md Readme: Added list table component Mar 19, 2018
config.json Added browsersync Feb 21, 2018
package-lock.json Added npm dev-build script Jun 22, 2018
package.json Added npm dev-build script Jun 22, 2018
plugin.php Initial commit Feb 20, 2018
webpack.config.js Added css loader in webpack Mar 19, 2018

README.md

Vue.js WordPress Starter

A WordPress Vue.js starter plugin with required toolbelts 😎

📦 What it ships with?

  • Pre-configured webpack config
    • Babel loader, Vue loader, CSS and LESS loader
    • Separate vendor.js with all vendor scripts
    • Uglify JS for production
    • Separate frontend.js and admin.js
    • Extracted CSS/LESS to separate frontend.css and admin.css files.
    • Auto reloading with Browser with Browsersync (config)
  • Vue and Vue Router
  • Frontend (shortcode) and Backend starter app
  • Modern PHP codebase with namespace support

🚚 Running

  1. Clone this repository in your plugins folder
  2. Activate the plugin

👨‍💻 Post Installation

  1. The name of the plugin class is Base_Plugin, change the class name with your desired class name.
  2. Replace the PHP namespace App with your desired name.
  3. Replace baseplugin or BASEPLUGIN reference in files.
  4. Run npm install
  5. To start developing, run npm run dev 🤘
  6. For production build, run npm run build 👍

🎁 Preview

screenshot

Extra Goodies

  1. Vue List Table Component - Helps you to build WordPress list tables easily.

About

Made by Tareq Hasan from weDevs.

Found anything that can be improved? You are welcome to contribute.