Office Viewer

English | 简体中文 | 繁體中文

介紹

本擴充功能支援在 VS Code 中預覽以下常見的辦公檔案格式：

• Excel: .xls、.xlsx、.xlsm、.csv、.ods
• Word: .docx、.dotx
• PowerPoint: .pptx、.pptm
• PDF 與電子書: .pdf、.epub
• HEIC/TIFF: .heic、.heif、.tiff
• 設計檔案: .psd、.xmind、.icns、.svg
• 字型: .ttf、.otf、.woff、.woff2
• Markdown: .md、.markdown
• HTML: .html、.htm
• HTTP 請求: .http、.rest
• Windows 登錄檔: .reg
• Java: .class（反編譯）
• 壓縮檔案: .zip、.jar、.vsix、.rar、.7z、.tar、.tar.gz、.tgz、.apk

Markdown

整合 Markdown 所見即所得編輯器。

如需使用 VS Code 原生 Markdown 編輯器，請在 settings.json 中新增以下設定：

{
    "workbench.editorAssociations": {
        "*.md": "default",
        "*.markdown": "default"
    }
}

在編輯器中按右鍵，可將 Markdown 匯出為 PDF、DOCX 或 HTML。PDF 匯出依賴 Chromium，可透過 vscode-office.chromiumPath 設定瀏覽器路徑。

快捷鍵：基於 shortcut.md，以及：

• 將清單上移一行: Ctrl Alt I / ⌘ ^ I
• 將清單下移一行: Ctrl Alt J / ⌘ ^ J
• 在 VS Code 中編輯: Ctrl Alt E / ⌘ ^ E

其他功能

• HTML: 編輯時按下 Ctrl+Shift+V 可即時預覽
• Git 歷史: 在原始碼控制檢視或檔案右鍵選單中瀏覽提交圖、查看檔案歷史、對比修訂並執行常用 Git 操作
• YAML: 支援文件大綱與錨點導覽（別名引用可跳轉到定義）
• 圖示主題: 內建 Material Icon Theme 部分圖示，並提供 Office Material Icon Theme 與 One Dark Modern 配色主題
• Excel: 支援預覽與儲存 .xlsx、.xls、.xlsm、.csv、.ods 等檔案（注意儲存 .xlsx 可能遺失格式；.csv 不支援 GBK 編碼的中文）
• HTTP: 在 .http、.rest 檔案中傳送請求（整合自 REST Client，並修正了本地請求的已知問題）；按 Ctrl+Enter / ⌘ Enter 傳送
• Java: 開啟 .class 檔案可反編譯並查看原始碼

Sponsor

適用於 Visual Studio Code 的資料庫用戶端，支援 MySQL/MariaDB、PostgreSQL、SQLite、Redis 以及 ElasticSearch 等資料庫的管理，且可作為 SSH 用戶端，極大地提升您的生產力！立刻安裝。

開發指南

環境要求

• Node.js 18+
• VS Code 1.64+

快速開始

git clone https://github.com/cweijan/vscode-office.git
cd vscode-office
npm install

開發除錯

桌面端擴充功能（完整功能）：

npm run dev

在 VS Code 中按 F5，或在「執行和偵錯」中選擇 Extension。

Web 端擴充功能（瀏覽器中的 Markdown、HTML、YAML）：

npm run dev:web

在「執行和偵錯」中選擇 Extension (Web)。

建置與打包

npm run build    # 生產建置
npm run package  # 產生 .vsix

使用資料（Usage Data）

Office Viewer 會收集匿名使用資料，用於了解各預覽功能的使用情況，以便改進擴充功能。資料透過官方模組 @vscode/extension-telemetry 傳送至 Azure Application Insights。

收集內容

不會收集檔案路徑、檔名、URL、儲存庫名稱、請求內容或其他可識別個人身份的資訊。

如何關閉

僅在以下兩項均允許時才會上報：

1. VS Code 全域遙測已開啟（telemetry.telemetryLevel 不為 off，或舊版中 telemetry.enableTelemetry 為 true）。
2. 擴充功能遙測已開啟：在設定中將 vscode-office.enableTelemetry 設為 false 可單獨關閉本擴充功能的上報。

也可在 設定 → 應用程式 → 遙測 中關閉 VS Code 的全部遙測。

維護者設定

若自行建置並發佈本擴充功能，請參閱 docs/telemetry.md 設定 Azure Application Insights 及範例查詢。

Credits

• PDF rendering: mozilla/pdf.js
• DOCX rendering: VolodymyrBaydalka/docxjs
• PPTX rendering: pptxviewjs
• XLSX rendering:
• SheetJS/sheetjs: XLSX parsing
• myliang/x-spreadsheet: XLSX rendering
• EPUB: futurepress/epub.js
• PSD: ag-psd
• XMind: mind-elixir, @mind-elixir/import-xmind
• HEIC conversion: heic2any
• Java decompiler: JetBrains/java-decompiler
• HTTP: REST Client
• Markdown: Vanessa219/vditor
• Material Icon theme: PKief/vscode-material-icon-theme