/vue-wp-starter

A WordPress Vue.js starter plugin

Primary LanguageJavaScript

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.