https://github.com/ssthouse/vue-d3-template
A template project for using Vue with D3.js (easy serve on github.io)
https://github.com/ssthouse/vue-d3-template
d3 github-io github-page template vue
Last synced: 11 months ago
JSON representation
A template project for using Vue with D3.js (easy serve on github.io)
- Host: GitHub
- URL: https://github.com/ssthouse/vue-d3-template
- Owner: ssthouse
- Created: 2018-03-29T09:42:52.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-29T10:52:21.000Z (about 8 years ago)
- Last Synced: 2025-06-13T07:46:54.729Z (12 months ago)
- Topics: d3, github-io, github-page, template, vue
- Language: JavaScript
- Homepage: https://ssthouse.github.io/vue-d3-template
- Size: 595 KB
- Stars: 17
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-d3-template
> A template project for using Vue with D3.js \
> Can be easily served on `github.io` page with `npm run build` (of course the github page should be enabled : )
## Pros
- the d3 has been registered in Vue and can be accessed by `this.$d3`
- can easily share with github pages
- ES6 with `Babel`
- hot reload with `Webpack`
## How to use
- clone the repository
- edit /src/components/Root.vue to start your coding
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
```
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).