⚡ DevNote - Visual Studio Code Extension

Extension สำหรับจัดการโน้ตและ Code Snippets จาก DevNote บน Visual Studio Code Sidebar อย่างสะดวกรวดเร็ว

🌟 ฟีเจอร์หลัก (Features)

• 📁 Sidebar Explorer: แสดงโครงสร้างโฟลเดอร์ และรายการโน้ตทั้งหมดพร้อมป้ายบอกภาษาโปรแกรมมิ่ง (TS, JS, Python, SQL, HTML ฯลฯ)
• 📝 Live Editor & Real-Time Sync (devnote://): คลิกเปิดอ่านและแก้ไขโค้ดโน้ตบนเอดิเตอร์ VS Code โดยตรง กด Ctrl + S (หรือ Cmd + S) เพื่อบันทึกข้อมูลกลับไปยัง DevNote Server ทันที
• 📁 Folder & Note CRUD Management: สร้างโฟลเดอร์ใหม่ สร้างโน้ตใหม่พร้อมเลือกภาษาโปรแกรมมิ่ง ลบโฟลเดอร์ และลบโน้ตได้จาก Sidebar
• ⭐ Favorites Badge: กดติดดาว (Toggle Favorite ⭐) ให้โน้ตสำคัญเพื่อจัดเรียงขึ้นมาอยู่ด้านบนสุด
• 🔒 Secure Auth: จัดเก็บระบบ JWT Token อย่างปลอดภัยผ่าน VS Code SecretStorage

🛠️ วิธีการติดตั้งไฟล์ Extension (devnote-vscode-1.0.1.vsix)

วิธีที่ 1: ติดตั้งผ่านหน้าต่าง VS Code (GUI) - แนะนำสำหรับผู้ใช้ทั่วไป

1. ดาวน์โหลดไฟล์ devnote-vscode-1.0.1.vsix
2. เปิดโปรแกรม Visual Studio Code
3. ไปที่แถบ Extensions ด้านซ้ายมือ (Ctrl + Shift + X)
4. คลิกไอคอนเมนูจุดสามจุด ... บริเวณมุมขวาบนของแถบ Extensions
5. เลือกเมนู Install from VSIX...
6. เลือกไฟล์ devnote-vscode-1.0.1.vsix แล้วกด Install

วิธีที่ 2: ติดตั้งผ่าน Terminal (Command Line)

เปิด Terminal / PowerShell แล้วรันคำสั่ง:

code --install-extension devnote-vscode-1.0.1.vsix --force

🚀 เริ่มต้นใช้งาน (Quick Start Guide)

1. เข้าสู่ระบบ (Login):

   • คลิกที่ปุ่ม 🔐 เข้าสู่ระบบ DevNote บน Sidebar ด้านซ้าย หรือกด Ctrl + Shift + P แล้วพิมพ์ DevNote: Login
   • กรอก อีเมล และ รหัสผ่าน ของคุณ

2. เปิดแก้ไขโน้ต:

   • คลิกที่ชื่อโน้ตบน Sidebar ระบบจะเปิดเอดิเตอร์ไฟล์เสมือนขึ้นมา
   • แก้ไขโค้ดแล้วกด Ctrl + S เพื่อบันทึกข้อมูลกลับไปยังเซิร์ฟเวอร์

3. ตั้งค่า Server URL (กรณีใช้ Production Server):

   • ไปที่ Settings (Ctrl + ,) -> ค้นหา devnote.serverUrl
   • หรือกด Ctrl + Shift + P แล้วเลือก DevNote: Set Server URL กรอก URL เช่น https://your-devnote-domain.vercel.app

📄 License & Credits

พัฒนาโดยทีม DevNote - จัดเก็บและจัดการ Code Snippets อย่างมีประสิทธิภาพ