Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>OpenCode Markdown UINew to Visual Studio Code? Get it now.
OpenCode Markdown UI

OpenCode Markdown UI

Mr.Test

|
4 installs
| (2) | Free
A Markdown chat panel for the local OpenCode CLI.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

OpenCode Markdown UI

VS Code Extension สำหรับคุยกับ OpenCode ใน Sidebar โดยใช้ OpenCode Server + TypeScript SDK และแสดงคำตอบเป็น Markdown

ฟีเจอร์หลัก

  • ส่งข้อความด้วย Enter และขึ้นบรรทัดใหม่ด้วย Shift+Enter
  • แสดงคำตอบแบบ Streaming พร้อม Loading และสถานะ เสร็จแล้ว
  • แสดง Activity ระหว่าง OpenCode อ่านไฟล์ ค้นหา รันคำสั่ง หรือแก้ไขไฟล์
  • เปิดดู History ของ OpenCode session และเริ่มแชทใหม่ได้
  • ค้นหาและเลือก Model จาก Provider ที่เชื่อมต่ออยู่
  • ตรวจสอบและติดตั้ง OpenCode CLI อัตโนมัติหลังผู้ใช้ยืนยัน
  • แสดง Popup ตั้งค่า Provider และ API Key แบบซ่อนตัวอักษร
  • คลุม Code ใน Editor แล้วคลิกขวา OpenCode: Ask About Selected Code
  • มีปุ่ม OpenCode บน Editor Title Bar ด้านขวา
  • รองรับ Windows, macOS และ Linux ที่ติดตั้ง Node.js/npm และ OpenCode ได้

ใช้งาน

  1. เปิดโฟลเดอร์โปรเจกต์ด้วย VS Code
  2. เปิดไอคอน OpenCode ทาง Activity Bar หรือกดปุ่ม OpenCode บน Editor Title Bar
  3. ถ้าไม่มี OpenCode CLI ให้กดยืนยันการติดตั้งเมื่อ Extension ถาม
  4. ถ้ายังไม่มี API Key ให้เลือก Provider และกรอก Key ใน Popup
  5. พิมพ์คำถามแล้วกด Enter
  6. ใช้ Shift+Enter เมื่อต้องการขึ้นบรรทัดใหม่

เลือก Model

  • กดปุ่มชื่อ Model ด้านล่างช่องแชทเพื่อเปิดรายการ
  • ค้นหา Model จากชื่อ Provider หรือ Model ID
  • พิมพ์ /model provider/model เพื่อเลือก Model โดยตรง

ถาม Code ที่เลือก

  1. คลุม Code ใน Editor
  2. คลิกขวาแล้วเลือก OpenCode: Ask About Selected Code
  3. Extension จะเปิดแชทและเติม Code พร้อมชื่อไฟล์และช่วงบรรทัดให้แก้ไขก่อนส่ง

สร้างไฟล์ติดตั้ง

npm install
npm run package

จะได้ไฟล์ opencode-markdown-ui-custom-0.0.18.vsix สำหรับแจกให้ผู้อื่นติดตั้งผ่าน Install from VSIX...

Version History

0.0.15

  • เปลี่ยน Activity Bar และ Brand icon เป็นโลโก้ OpenCode สีน้ำเงิน

0.0.14

  • ปรับปรุง README ให้รวมวิธีใช้งาน ฟีเจอร์ และประวัติการแก้ไขทุก Version

0.0.13

  • เพิ่มปุ่ม OpenCode บน Editor Title Bar ด้านขวา
  • เพิ่มไอคอนเปิด Chat และถาม Code ที่เลือก

0.0.12

  • ออกเป็นรุ่นคั่นกลางสำหรับการปรับปรุงเมนูและปุ่มบน Editor

0.0.11

  • เพิ่มคำสั่ง OpenCode: Ask About Selected Code
  • ส่ง Code ที่เลือกพร้อมชื่อไฟล์ ภาษา และช่วงบรรทัดเข้า Chat

0.0.10

  • ปรับ Model picker ให้แสดง Loading และ Model ปัจจุบันในบรรทัดเดียว
  • เปิด Dropdown ค้นหา Model เมื่อกดชื่อ Model

0.0.9

  • ขยายความกว้างและความสูงของ Model Dropdown

0.0.8

  • เปลี่ยน Model Dropdown เป็น Custom Searchable Dropdown
  • กรอง Model แบบทันทีจากชื่อ Provider และ Model ID

0.0.7

  • เพิ่มช่องค้นหา Model

0.0.6

  • เพิ่ม History ของ OpenCode sessions
  • เพิ่มการโหลดแชทเก่าและปุ่มเริ่มแชทใหม่

0.0.5

  • เพิ่มการตรวจสอบและติดตั้ง OpenCode CLI อัตโนมัติแบบขอความยินยอม
  • เพิ่ม Popup เลือก Provider และกรอก API Key แบบซ่อนตัวอักษร

0.0.4

  • เพิ่ม Activity ระหว่างทำงานและสถานะแสดงเมื่อทำงานเสร็จ
  • เพิ่มการเลือก Model จาก Provider

0.0.3

  • แก้ให้กด Enter ส่งข้อความได้ทันที
  • ให้ Shift+Enter ใช้ขึ้นบรรทัดใหม่
  • รองรับ IME ภาษาไทย

0.0.2

  • เปลี่ยนจากการอ่าน CLI stdout เป็น OpenCode Server + SDK
  • เพิ่ม Streaming events, session, abort และ UI Chat รุ่นใหม่

0.0.1

  • รุ่นเริ่มต้นของ OpenCode Markdown Chat
  • เพิ่ม Activity Bar, Webview Chat และการเรียก OpenCode ในเครื่อง
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft