Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tareq1988/vue-wp-starter

A WordPress Vue.js starter plugin
https://github.com/tareq1988/vue-wp-starter

vue vue-router vuejs vuejs2 wordpress wordpress-plugin wordpress-plugin-boilerplate

Last synced: 3 days ago
JSON representation

A WordPress Vue.js starter plugin

Host: GitHub
URL: https://github.com/tareq1988/vue-wp-starter
Owner: tareq1988
Created: 2018-02-20T17:14:09.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2024-01-09T02:07:36.000Z (12 months ago)
Last Synced: 2024-12-16T13:28:18.765Z (10 days ago)
Topics: vue, vue-router, vuejs, vuejs2, wordpress, wordpress-plugin, wordpress-plugin-boilerplate
Language: PHP
Size: 886 KB
Stars: 300
Watchers: 15
Forks: 77
Open Issues: 25
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Vue.js WordPress Starter

A WordPress [Vue.js](https://vuejs.org/) 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](config.json))*

 - [Vue](https://vuejs.org/) and [Vue Router](https://router.vuejs.org/en/)

 - Frontend (shortcode) and Backend starter app

 - Modern PHP codebase with [namespace](http://php.net/manual/en/language.namespaces.php) support

## 🚚 Running

1. Clone this repository in your plugins folder

1. Activate the plugin

## 👨‍💻 Post Installation

1. The name of the plugin class is `Base_Plugin`, change the class name with your desired class name.

1. Replace the PHP namespace `App` with your desired name.

1. Replace `baseplugin` or `BASEPLUGIN` reference in files.

1. Run `npm install`

1. To start developing, run `npm run dev` 🤘

1. For production build, run `npm run build` 👍

## 🎁 Preview

![screenshot](http://tareq.in/owiyZI+)

## ⛑ Extra Goodies

 1. [Vue List Table Component](https://github.com/tareq1988/vue-wp-list-table-component) - Helps you to build WordPress list tables easily.

## About

Made by [Tareq Hasan](https://github.com/tareq1988) from [weDevs](https://wedevs.com).

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