分类: vue

  • Nuxtjs如何引入代码高亮prismjs

    一,安装prismjs

    npm install prismjs

    二,配置nuxt.config.js

    在nuxt.config.js文件中添加prism插件

    export default {
      plugins: [
        '~/plugins/prism'
      ],
    }

    三,编写插件

    目录app/plugins/prism.js

    import Prism from 'prismjs'
    import 'prismjs/themes/prism-tomorrow.css' // 选择你喜欢的主题
    export default Prism

    四,引用插件

    在需要的页面,例如/pages/detail/_id.vue

    export default {
      ...
      mounted(){
        Prism.highlightAll()
      },
      ...
    }