├── .gitignore ├── README.md ├── app ├── App.vue ├── assets │ └── index.html ├── components │ └── Hello.vue ├── main.js └── router │ └── index.js ├── brunch-config.js ├── package-lock.json └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | .idea/ 2 | .vscode/ 3 | public/ 4 | node_modules/ 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Brunch Vue Barebones 2 | 3 | A _barebones_ Brunch skeleton for [Vue.js](https://vuejs.org/) - minimal dependencies! 4 | 5 | Unlike other skeletons with Vue, `brunch-vue-barebones` is based on the official scaffold provided by the Vue.js core team ([vue-cli](https://github.com/vuejs/vue-cli)). The only dependencies are `vue` and `vue-router`; configure it how you like! 6 | 7 | Thanks to [https://github.com/nblackburn](@nblackburn) for his work on [vue-brunch](https://github.com/nblackburn/vue-brunch) 8 | 9 | ## Installation 10 | 11 | 1. Install Brunch globally 12 | 13 | ```bash 14 | npm install -g brunch 15 | ``` 16 | 17 | 2. Create a new Brunch project using _this_ skeleton 18 | 19 | ```bash 20 | brunch new -s vue 21 | ``` 22 | 23 | ### Manual Install 24 | 25 | You can clone this repo manually! 26 | 27 | ## Getting Started 28 | 29 | > Taken from the official Brunch docs 30 | 31 | * Install (if you don't have them): 32 | * [Node.js](http://nodejs.org): `brew install node` on OS X 33 | * [Brunch](http://brunch.io): `npm install -g brunch` 34 | * Brunch plugins and app dependencies: `npm install` 35 | * Run: 36 | * `npm start` — watches the project with continuous rebuild. This will also launch HTTP server with [pushState](https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history). 37 | * `npm run build` — builds minified project for production 38 | * Learn: 39 | * `public/` dir is fully auto-generated and served by HTTP server. Write your code in `app/` dir. 40 | * Place static files you want to be copied from `app/assets/` to `public/`. 41 | * [Brunch site](http://brunch.io), [Getting started guide](https://github.com/brunch/brunch-guide#readme) 42 | 43 | ## TODO 44 | 45 | * Add support for Hot Module Reloading with [hmr-brunch](https://github.com/brunch/hmr-brunch) 46 | -------------------------------------------------------------------------------- /app/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 13 | 14 | 24 | -------------------------------------------------------------------------------- /app/assets/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Brunch Vue Barebones 9 | 10 | 11 | 12 | 13 |
14 | 15 |
16 | 17 | 18 | 19 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /app/components/Hello.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 18 | -------------------------------------------------------------------------------- /app/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App' 3 | import router from './router' 4 | import "vueify/lib/insert-css" // required for .vue file