https://github.com/hwclass/vuejs-component-bootstrap-boilerplate
VueJS + Component + Bootstrap Boilerplate
https://github.com/hwclass/vuejs-component-bootstrap-boilerplate
Last synced: 4 months ago
JSON representation
VueJS + Component + Bootstrap Boilerplate
- Host: GitHub
- URL: https://github.com/hwclass/vuejs-component-bootstrap-boilerplate
- Owner: hwclass
- License: mit
- Created: 2014-05-30T21:29:30.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-10-29T23:27:47.000Z (over 11 years ago)
- Last Synced: 2025-06-02T07:16:46.681Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 383 KB
- Stars: 40
- Watchers: 6
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue + Custom Component + Bootstrap Starter Template Example
This project structure is developed from on Evan You's code
A simple setup using [Gulp](http://gulpjs.com), [Component](http://github.com/component/component) together with [Vue.js](http://vuejs.org) for modular UI development.
Since Vue.js is itself built with Component, this is the recommended way of using Vue.js for larger scale applications. To make things more test friendly, the directives, filters and components simply export functions and definition objects without requiring Vue.js itself.
What's more important is that the components in `src/components` are completely self-contained. They include their own CSS and templates, and can also include their private directives, filters and child components. If you put a component like this on GitHub you can easily reuse them in another Vue.js project with `component install`.
## Usage
To get started, install Gulp and Component globally, then clone this repo and install local dependencies:
``` bash
$ npm install -g gulp component
$ git clone https://github.com/vuejs/vue-component-example.git
$ cd vue-component-example
$ npm install && component install
```
### Build
``` bash
$ gulp
```
Open `index.html` to see the result.
### Development
``` bash
$ gulp watch
```
This will watch files for change and re-build automatically.