vuepress-plugin-highlight怎么安装
时间: 2024-10-20 12:09:09 浏览: 32
要在VuePress项目中安装`vuepress-plugin-highlight`插件来高亮代码块,你需要遵循以下步骤:
1. **打开终端或命令行**:首先,确保你已经在项目目录中。
2. **激活VuePress环境**:如果你使用的是Yarn,运行 `yarn add` 或者如果你使用npm,运行 `npm install`。
对于Yarn:
```bash
yarn add @vuepress/plugin-highlight
```
或者对于npm:
```bash
npm install --save @vuepress/plugin-highlight
```
3. **配置`.vuepress/config.js`**:找到或创建 `.vuepress/config.js` 文件,这是VuePress项目的配置文件。在`plugins`数组中添加`vuepress-plugin-highlight`,并配置你想要使用的高亮语言。示例:
```javascript
export default {
plugins: [
['@vuepress/plugin-highlight', {
theme: 'tomorrow-night-eighties',
lineNumbers: true,
autoDark: false,
// 可选的语言映射,如 'js': 'javascript'
}]
]
}
```
4. **保存并刷新**:保存配置文件后,重启你的本地服务器(如果已开启),即可看到代码块被高亮显示了。
阅读全文