https://github.com/vue-multiple/vue-demonstration
Element 1.x 代码示例展示风格
https://github.com/vue-multiple/vue-demonstration
Last synced: about 1 month ago
JSON representation
Element 1.x 代码示例展示风格
- Host: GitHub
- URL: https://github.com/vue-multiple/vue-demonstration
- Owner: vue-multiple
- License: mit
- Created: 2017-07-21T06:53:16.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-27T15:23:00.000Z (over 7 years ago)
- Last Synced: 2025-04-11T17:43:13.087Z (about 1 month ago)
- Language: Vue
- Homepage: http://demonstration.savoygu.com
- Size: 919 KB
- Stars: 5
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-demonstration
> Element 1.x 代码示例展示风格。帮助你展示你的 Vuejs 组件示例。
## 安装
```bash
npm install vue-demonstration --save
```
## 快速开始
```bash
import Vue from 'vue'
import VueDemo from 'vue-demonstration'
Vue.component('vue-demonstration', VueDemo)
```
更多使用方式，参考文档：[vue-demonstration](https://demonstration.savoygu.com/vue-demonstration)
## 使用方式
```html
:highlight="sourcecode">
your code
代码描述
const sourcecode = `<div>your code</div>`
export default {
data () {
return {
sourcecode
}
}
}
```
如果要展示的代码较多的话，可以单独放一个文件中。
## 运行方式和构建
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run demo:dev
# build for demo with minification
npm run demo:build
# build for gh-pages with minification
npm run demo:prepublish
# build for production with minification
npm run build
# generate gh-pages
npm run deploy
```
## LICENSE
[MIT](http://opensource.org/licenses/MIT)