vs code 无法直接运行代码生成二维码,需依赖python或node.js运行时;python推荐qrcode[pil]库并显式保存图片,node.js推荐npm的qrcode包,插件仅预览不执行真实代码。

VS Code 里直接运行生成二维码的代码不现实
VS Code 本身不是运行环境,它只是编辑器。你看到的“生成二维码”功能,要么是靠插件预览(不执行代码),要么得靠你自己写代码 + 安装对应运行时(比如 Python 或 Node.js)来真正跑起来。
Python 用户:用 qrcode 库最稳
这是目前最轻量、兼容性最好、中文支持也到位的方案。别碰那些要装 C 编译器的冷门库,qrcode 纯 Python,pip install qrcode[pil] 一行搞定。
常见错误现象:
- 只装了
qrcode没装[pil],运行时报ImportError: No module named 'PIL' - 生成的二维码图片打开是空白——大概率是没调
img.save("qrcode.png"),或者路径权限不对
实操建议:
- 确保已安装
Pillow(qrcode[pil]会自动带,但有时得手动补:pip install Pillow) - 别用
qrcode.make()直接显示,它返回的是 PIL Image 对象,必须显式保存:import qrcode<br>img = qrcode.make("https://example.com")<br>img.save("qrcode.png") - 如果内容含中文,加参数:
qrcode.make("你好", error_correction=qrcode.constants.ERROR_CORRECT_H),不然容易扫不出
Node.js 用户:优先选 qrcode(npm 包)
注意别和 Python 同名库混淆——这个是 npm 上 star 最多的纯 JS 实现,零依赖,支持终端输出、文件保存、HTTP 响应等多种方式。
bee餐饮点餐外卖小程序是针对餐饮行业推出的一套完整的餐饮解决方案,实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能,完美的使餐饮行业更高效便捷!功能演示:1、桌号管理登录后台,左侧菜单 “桌号管理”,添加并管理你的桌号信息,添加以后在列表你将可以看到 ID 和 密钥,这两个数据用来生成桌子的二维码2、生成桌子二维码例如上面的ID为 308,密钥为 d3PiIY,那么现在去左侧菜单微信设置
容易踩的坑:
- 装错包:搜到
node-qrcode或旧版qrcode-generator,API 不一致,建议认准npm install qrcode(作者是alexeyraspopov) - 异步写文件忘记
await,导致文件生成失败但无报错 - 用
qrcode.toString()得指定{ type: "utf8" }才能在终端显示块状二维码;默认是 SVG 字符串,粘贴进终端会乱码
简单示例(保存为 PNG):
const QRCode = require('qrcode');<br>QRCode.toFile('./qrcode.png', 'https://example.com');
想点一下就出二维码?用插件但别信“一键运行”
VS Code 插件如 Quick QR Code 或 QR Code Generator 确实能右键生成预览,但它们干的只是调本地 HTTP 服务或前端 canvas 渲染,**不等于你在跑自己的代码**。你没法调试、传参、改容错等级,也没法处理中文或长链接自动换行。
所以:
- 临时查个链接?插件够用
- 要集成进脚本、批量生成、加 logo、控制尺寸/边距?老老实实写代码 + 装对应运行时
- 插件生成的图若扫不出来,别折腾插件设置——先怀疑是不是原始文本里有不可见字符(比如富文本复制带的零宽空格)
真正的运行门槛不在 VS Code,而在你机器上有没有装对 python 或 node,以及对应库是否真能 import / require 成功。其它都是表象。









