vuepress-theme-plume/guide/code/import/index.md

url

url
/guide/code/import/index.md

概述

导入代码 可以让你在 md 文件中 导入另一个文件的 代码，并为其高亮显示。

它可以帮助你在文章中引用其他文件的代码，避免编写重复的代码。

语法

你可以使用下面的语法，从文件中导入代码块：

输入：

@[code](../snippet/snippet-1.js)

输出：

@code

如果你只想导入这个文件的一部分：

<!-- 仅导入第 1 行至第 10 行 -->
@[code{1-10}](../snippet/snippet-1.js)

代码语言会根据文件扩展名进行推断，但我们建议你显式指定：

<!-- 指定代码语言 -->
@[code js](../snippet/snippet-1.js)

<!-- 行高亮 -->
@[code js{2,4-5}](../foo.js)