在prism vuejs中导入所有语言？
在prism vuejs中导入所有语言？
提问于 2018-10-16 08:17:04
我用npm安装Prism：npm install prismjs 并在项目中导入：
import Prism from 'prismjs'
import 'prismjs/themes/prism-tomorrow.css'
const app = new Vue({
el: "#app",
router,
components: {
MainApp,
Prism
}
});
但不要工作所有语言，如PHP。只是工作默认棱镜语言。
截图
回答 1
Stack Overflow用户
发布于 2018-10-16 18:07:36
Prism 对于Vue.js不是一个组件，它是一个插件，您可以使用它如下：
import Vue from 'vue'
import VuePrism from 'vue-prism'
Vue.use(VuePrism)
import 'prismjs/themes/prism.css'
const app = new Vue({
el: "#app",
router,
components: {
MainApp
}
});
如何使用
将类添加到pre标记。将支持的语言代码放在language-xxxx类中：
<pre class="language-php">
<code>
<?php
$name="Mohammad";
...
</code>
</pre>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100002920
复制相关文章
相似问题