使用prism.js

首先我们下载必要依赖

npm i --save Prismjs 
npm i --save babel-plugin-prismjs

然后我们需要修改babel.config.js文件，里面加上下面这个内容

// 添加新plugin
plugins.push([
  'prismjs', // prismjs的设置
  {
    languages: [
      'html',
      'css',
      'javascript',
      'php',
      'dart',
      'bash',
      'nginx',
      'sql',
      'c',
      'cpp',
      'python',
      'go',
      'java'
    ],
    plugins: [
      'line-numbers',
      'show-language',
      'copy-to-clipboard'
    ],
    theme: 'coy',
    css: true
  }
])

注意加的位置

然后我们只需要引入然后高亮就行

import Prism from 'prismjs'
Prism.highlightAll()