Skip to content

alexkreidler/brunch-vue-mdc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

brunch-vue-mdc

A Material Web Components Vue Skeleton for Brunch

Follows vue best practices, and is uses a simple example from the vue-cli generator.

Uses vue-mdc-adapter, the most full-featured Vue.js MDC wrapper.

screenshot-2017-10-3 brunch vue material web components

Based off of: tomquirk/brunch-vue-barebones

Installation

  1. Install Brunch globally
npm install -g brunch
  1. Create a new Brunch project using this skeleton
brunch new -s material-vue

Getting Started

Taken from the official Brunch docs

  • Install (if you don't have them):
    • Node.js: brew install node on OS X
    • Brunch: npm install -g brunch
    • Brunch plugins and app dependencies: npm install
  • Run:
    • npm start — watches the project with continuous rebuild. This will also launch HTTP server with pushState.
    • npm run build — builds minified project for production
  • Learn:
    • public/ dir is fully auto-generated and served by HTTP server. Write your code in app/ dir.
    • Place static files you want to be copied from app/assets/ to public/.
    • Brunch site, Getting started guide