在vue中使用prismjs

wqy的筆記：http://www.upwqy.com/details/261.html

作者：wqy

1 首先在項目中安裝prismjs插件:

cnpm install prismjs -S

 

2 安裝完成后，需要繼續安裝一個prismjs的編譯器插件

cnpm install babel-plugin-prismjs -D

 

3 在.babelrc文件中配置使用該插件：

 

{
  "plugins": [
    ["prismjs", {
      "languages": ["javascript", "css", "markup"],
      "plugins": ["line-numbers"],
      "theme": "twilight",
      "css": true
    }]
  ]
}

5 prismjs 官網地址：https://prismjs.com/