ThPadelis / vue-wp-starter

A WordPress Vue.js starter plugin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

A WordPress Vue.js starter plugin


Languages

Language:PHP 67.9%Language:JavaScript 25.2%Language:Vue 6.9%