vue-markdown-highlight
Version:
vue markdown highlight markdown vue 高亮插件
77 lines (52 loc) • 2.42 kB
Markdown
# vue-markdown-highlight
[](https://github.com/shudong/vue-markdown-highlight/blob/master/LICENSE)
[](https://vuejs.org)
[](https://www.npmjs.com/package/vue-markdown-highlight)
[](https://www.npmjs.com/package/vue-markdown-highlight)
[](https://travis-ci.org/shudong/vue-markdown-highlight)
[](https://www.codacy.com/app/shudong/vue-markdown-highlight)
[](https://gemnasium.com/github.com/shudong/vue-markdown-highlight)
[](https://github.com/shudong/eslint-config-shudong)
📜 [Highlight.js](https://github.com/isagalaev/highlight.js) syntax highlighter component for [Vue](https://vuejs.org).
https://github.com/wsdo/vue-markdown-highlight.git
## ⚙️ Installation
**Via [NPM](https://www.npmjs.com):**
[](https://www.npmjs.com/package/vue-markdown-highlight)
1. Install [**highlight.js**](https://github.com/isagalaev/highlight.js):
```bash
npm i highlight.js
```
2. Install **vue-markdown-highlight**:
```bash
npm i vue-markdown-highlight -D
```
**Or [Yarn](https://yarnpkg.com):**
1. Install [**highlight.js**](https://github.com/isagalaev/highlight.js):
```bash
yarn add highlight.js
```
2. Install **Vue Highlight.js**:
```bash
yarn add vue-markdown-highlight
```
## 🛂 Usage
**Main file:**
```javascript
import 'highlight.js/styles/default.css';
import Highlight from 'vue-markdown-highlight'
Vue.use(Highlight)
```
**Vue file:**
```vue
<template>
<div id="app">
<div v-html="content" v-highlight></div>
</div>
</template>
<script>
// JavaScript...
</script>
<style>
/* StyleSheet... */
</style>
```