VS Code 无原生导出二维码功能,需依赖第三方扩展如 qrcode-generator 实现;该扩展支持右键生成 SVG 预览并另存为 PNG/SVG,但不支持自定义参数或整文件转换。

VS Code 里没有原生导出二维码功能
VS Code 本身不提供「把文件/文本导出为二维码」的命令或菜单项,这不是编辑器职责范围内的能力。所有所谓“VS Code 导出二维码”的操作,本质都是靠第三方扩展 + 外部工具链协作完成的,不是点一下就生成图片那种开箱即用体验。
装哪个扩展能最快试出来?推荐 qrcode-generator
这个扩展轻量、无依赖、更新勤,安装后右键选中任意文本(比如一串 URL、JSON 字符串、API key),就会出现 Generate QR Code 菜单项。生成结果默认以 SVG 形式预览在新标签页,可右键另存为 PNG/SVG。
- 只对当前选中文本生效,不支持整文件一键转(除非你全选)
- 不支持自定义尺寸、边距、纠错等级等参数——它用的是默认配置,够扫码但不够定制
- 生成的 SVG 是内联样式,直接保存为 PNG 时可能糊(建议用浏览器另存,或复制 SVG 到在线工具转高清图)
想导出带样式的二维码?得自己调 qrcode npm 包
如果需要控制容错率(errorCorrectionLevel)、大小(scale)、颜色(color)、甚至嵌入 logo,就得脱离扩展,用 Node.js 脚本跑 qrcode 库:
npm install qrcode
然后写个简单脚本:
const QRCode = require('qrcode');
QRCode.toFile('./qrcode.png', 'https://example.com', {
errorCorrectionLevel: 'H',
scale: 16,
color: { dark: '#2563eb', light: '#f9fafb' }
});
-
toFile输出 PNG,toString可输出 UTF8 文本块(适合终端显示) - 注意路径权限:VS Code 当前工作区目录需有写入权限,否则报
EPERM或ENOENT - 中文内容要确保传入的是字符串,不是 Buffer;否则扫码会乱码
为什么复制链接进微信/支付宝扫不出来?
常见原因是二维码内容被意外截断或编码错误。比如你在 VS Code 里选中了带换行符的 JSON 片段,qrcode-generator 默认按原始字符生成,而某些扫码器对换行敏感;或者你用了 qrcode 库但没设 type: 'utf8',导致中文变成乱码字节流。
- 纯 URL 最稳,优先测试
https://开头的链接 - 含空格或特殊符号的字符串,先用
encodeURIComponent()编码再生成 - 生成后务必用至少两个不同扫码器验证(微信 + 系统相机),别只信一个
真正卡住的地方往往不是“怎么生成”,而是“生成的内容是否被严格按预期编码”——这点容易被忽略,直到扫不出才回头查。










