felipeblini / vueird

:gear: A clean WordPress starter theme powered by Vue and WebPack with developer experience in mind

Vueird

A WordPress starter theme that embraces today's practices: npm, webpack, livereload, declarative manipulation (Vue ❤️).

Requirements

• Node.js
• Npm

Installation

1. Clone this repository into your theme folder.
2. Open it in a shell and run npm install.
3. Activate the theme.

Features

• Write modern Javascript. Babel does the rest
• Live reload
• SCSS
• Declarative DOM manipulation/events thanks to Vue
• Delightful developer experience through my fake js router that attaches the right component to the right page.

Develop

In order to take advantage of livereload, you need to target your wordpress development url in ./scripts/webpack.config.js line 149 (e.g. localhost:8080, testsite.dev etc).

npm start

Build for production

npm run build

Refresh editor style

This theme generates a custom editor style used by the WordPress editor/Gutenberg that you can write in SCSS (./src/editor-style.scss).

npm run editorstyle

---

Author

Enrico Deleo

Are you looking for a modern, robust, portable WordPress development environment?

Look no further, try my Wpacked WordPress development starter kit