@astrojs/prism
Supports Prism highlighting in Astro projects
Component
This package exports a component to support highlighting inside an Astro file. Example:
---
import { Prism } from '@astrojs/prism';
---
<Prism lang="js" code={`const foo = 'bar';`} />
Internal
This package exports a runHighlighterWithAstro function to highlight while making sure the Astro language is loaded beforehand
import { runHighlighterWithAstro } from '@astrojs/prism';
runHighlighterWithAstro(
`
---
const helloAstro = 'Hello, Astro!';
---
<div>{helloAstro}</div>
`,
'astro',
);
关于 @astrojs/prism 的常见问题
@astrojs/prism 是什么？
Add Prism syntax highlighting support to your Astro site
如何安装 @astrojs/prism？
在项目目录运行 npm install @astrojs/prism，或使用 pnpm add / yarn add / bun add。
@astrojs/prism 支持 TypeScript 吗？
该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/astrojs__prism 是否存在。
@astrojs/prism 支持 ESM 还是 CommonJS？
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。
@astrojs/prism 需要什么版本的 Node.js？
package.json 的 engines 字段要求 Node.js >=22.23.4。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。
@astrojs/prism 可以商用吗？
@astrojs/prism 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@astrojs/prism 的下载量有多少？
根据 npm 官方下载统计，@astrojs/prism 在 2026/10/07 – 2026/11/05 这 30 天内被下载 35,604,641 次，日均约 1,186,821 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@astrojs/prism 还在维护吗？
最新版本 4.1.2 发布于 2026/10/28（10 天前）；至今共发布 44 个版本，其中过去 12 个月发布了 9 个；首次发布于 2021/06/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。