如何用EasyInvoicePDF快速开出发票：从零填写到下载PDF的完整新手教程

EasyInvoicePDF 是一款免费、开源的在线发票生成器（Invoice Generator）：无需注册账号、无广告、无数量限制，在浏览器中填写信息后即可实时预览并一键导出专业 PDF 发票，所有数据默认只保存在你自己的浏览器里。

本文将带你从零开始，走一遍「填写表单 → 实时预览 → 下载 PDF」的完整流程，10 分钟内开出人生第一张发票 🧾

一、认识 EasyInvoicePDF：浏览器里的发票生成器

和传统开票工具不同，EasyInvoicePDF 不需要你下载软件或创建账号，它的核心特点包括：

• 🔒隐私优先：发票内容默认只保存在浏览器本地，不上传到服务器
• 📄实时 PDF 预览：输入每一个字段，右侧 PDF 同步更新
• 🎨双模板可选：经典 Default 模板和 Stripe 风格模板，均支持上传 Logo
• 🧾灵活的税项：VAT、GST、Sales Tax 或任意自定义税名，税额自动计算
• 🌍10+ 语言、120+ 货币，支持多语言发票
• 🔗分享链接：把发票变成一条链接直接发给客户
• 📱手机适配：手机、平板、电脑都能用

隐私机制的完整说明可以参考 public/how-it-works.md。

二、快速上手：看懂发票编辑器的界面布局

打开应用后，界面分为左右两栏：

• 左栏：发票表单，按「General Information（基本信息）→ Seller Information（卖方）→ Buyer Information（买方）→ Items and pricing（明细与价格）」四个可折叠区域组织，表单入口见 src/app/(main)/(app)/components/invoice-form/index.tsx/(app)/components/invoice-form/index.tsx)
• 右栏：PDF 实时预览，你看到的就是最终下载的发票

顶部还有三个关键按钮：Generate a link to invoice（生成分享链接）和Download PDF in English（按当前语言下载 PDF）。

三、填写发票信息的 4 个步骤

1. 填写基本信息（General Information）

展开第一个折叠区，依次设置：

这些字段都定义在 src/app/(main)/(app)/components/invoice-form/sections/general-information.tsx/(app)/components/invoice-form/sections/general-information.tsx) 中。

2. 添加卖方与买方信息

在Seller Information和Buyer Information区域填写公司名、地址、税号（VAT no.）、邮箱和账号等信息。

💡 小技巧：可以保存卖方/买方档案，下次开同一家客户发票时直接复用，不用重复输入；每个区域还支持切换显示邮箱等字段开关。

3. 添加发票明细（Items and pricing）

这是金额计算的核心区域，实现位于 src/app/(main)/(app)/components/invoice-form/sections/invoice-items.tsx/(app)/components/invoice-form/sections/invoice-items.tsx)。每行明细包含：

• Name：商品或服务名称
• Amount（Quantity）：数量
• Net Price（Rate or Unit Price）：单价
• Tax Settings：税率（VAT Rate）和税名（Tax Label，可自定义为 GST、Sales Tax 等）

点击Add invoice item可以追加多行。底部Total 总额会自动计算（各行税前金额之和），无需手算。

4. 设置付款方式、到期日与备注

表单最后还有几个常用项：

• Payment Method：付款方式（如 wire transfer），可用开关控制是否在 PDF 中显示
• Payment Due：付款到期日。如果到期日早于开票日，表单会提示并给出「一键设为开票日后 14 天」的快捷按钮
• Notes：备注，同样可开关显示
• QR Code：填入任意文本或 URL，即可在发票底部生成付款二维码
• Person Authorized to Receive / Issue（Default 模板）：签名栏姓名

四、实时预览并一键下载发票 PDF

填写过程中，右侧 PDF 会每半秒左右自动重新生成，所见即所得。确认无误后，点击右上角Download PDF in 当前语言按钮即可。

下载的文件名会自动带上语言与发票编号，例如invoice-EN-1-04-2026.pdf（命名逻辑见 src/app/(main)/(app)/components/invoice-pdf-download-link.tsx/(app)/components/invoice-pdf-download-link.tsx)）。明细较多时，PDF 还支持自动分页，不用担心内容被截断。

五、进阶玩法：Stripe 模板、多语言与分享链接

切换 Stripe 风格模板并上传 Logo

在 Invoice Template 中选择Stripe Template后，可以：

• 上传公司Logo（会显示在发票右上角）
• 填写Payment Link URL：PDF 上会生成一个「Pay Online」按钮，客户点击即可付款

一键切换发票语言与货币

切换语言后，发票编号标签、税名、日期格式、金额分隔符都会自动跟随变化（例如波兰语下总额显示为3 300,00）。货币搜索框支持按代码、符号或名称查找。

生成发票分享链接

不想发附件？点击Generate a link to invoice，即可生成一条包含压缩后发票数据的分享链接，客户打开即可在线查看并下载。

⚠️ 两个注意点：

1. 链接内含全部发票数据，应视为敏感信息，只发给可信收件人
2. 上传过 Logo 的发票无法生成链接（链接编码不了图片），只能下载 PDF 分享

按钮实现见 src/app/(main)/(app)/components/share-invoice-button.tsx/(app)/components/share-invoice-button.tsx)。

六、新手常见问题 FAQ

Q1：需要注册账号吗？收费吗？不需要注册，完全免费、无广告、无发票数量限制。

Q2：我的发票数据会上传到服务器吗？默认不会。编辑、预览和 PDF 生成都发生在你的浏览器中，数据保存在本地存储里；只有主动生成分享链接时数据才会被编码进 URL。

Q3：手机上可以开发票吗？可以。移动端采用「表单 / 预览」标签页切换设计，同样支持填写和下载。

Q4：发票合规吗？工具本身只负责排版生成，下载按钮上也提示了：发送前请自行确认发票符合当地税务与会计规范。

七、相关资料与源码路径参考

📌总结：EasyInvoicePDF 的开票流程只有四步——填基本信息、填买卖双方、加明细、下载 PDF。配合实时预览、双模板、120+ 货币和分享链接，它非常适合自由职业者和小团队快速开具专业发票。