PrismJS：美化网页中的代码

安装

yarn add prismjs

引入 PrismJS

import 'prismjs'
import 'prismjs/themes/prism-okaidia.css'

使用

• Api：Prism.highlight
• css：class="language-html"

  <template>
    <div>
      <pre class="language-html" v-html="Prism.highlight(Switch1Demo['__sourceCode'],Prism.languages.html,'html')"></pre>
    </div>
  </template>
  import Switch1Demo from './Switch1.demo.vue';
  const Prism = (window as any).Prism;
  export default {
  setup() {
    return { Switch1Demo, Switch2Demo,Prism };
  }
  };