บันทึกของบี

บันทึกการเดินทาง บนเส้นทางเดินแห่งชีวิต ของคนธรรมดาคนหนึ่ง

Shotcode Key Binding: timestamp, function

2026-07-01 ใน VS code

เวลาที่มีโค้ดที่ต้องพิมพ์บ่อยๆ(เช่น Timestamp, Function) เราสามารถตั้งค่า shortcode ไว้ ให้สามารถพิมพ์สั้นๆ แล้ว กด tab ก็จะออกมาเป็นโค้ดตามที่เราต้องการอัตโนมัติ

ในกรณีนี้คือ ทำ timestamp

Shortcut key ใส่ timestamp ใน vs code

คำตอบจาก Gemini AI

1. วิธีที่แนะนำ: User Snippets (ไม่ต้องลงปลั๊กอิน)

VS Code ไม่มีคีย์ลัดพื้นฐานสำหรับเวลา (เหมือน F5 ใน Notepad) แต่เราสามารถสร้างเองได้ผ่าน Snippets ซึ่งเป็นวิธีที่นักพัฒนาโปรแกรมมืออาชีพนิยมที่สุดครับ:

  1. กด Ctrl + Shift + P (Windows) หรือ Cmd + Shift + P (Mac)
  2. พิมพ์ว่า "Configure User Snippets"
  3. เลือกภาษาที่คุณใช้จด (เช่น markdown หรือ plaintext) หรือเลือก New Global Snippets file... เพื่อให้ใช้ได้ทุกที่
  4. ใส่ Code JSON นี้ลงไปในไฟล์:
{
  "Insert Timestamp": {
    "prefix": "ts",
    "body": [
      "`$CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE`<br>"
    ],
    "description": "Inserts the current date and time"
  }
}
  • วิธีใช้: พิมพ์คำว่า ts แล้วกด Tab หรือ Enter เวลาจะถูก Stamp ลงไปทันทีครับ

2. การตั้งค่า "Quick Suggestions"

บางครั้ง VS Code ถูกตั้งค่าไม่ให้ "เสนอหน้า" (Suggest) ขึ้นมาเองขณะพิมพ์

  • Fix: ให้ไปที่ Settings (JSON) แล้วตรวจสอบว่ามีบรรทัดนี้อยู่หรือไม่:
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.tabCompletion": "on"
    การเปิด tabCompletion: "on" จะช่วยให้คุณพิมพ์ ts แล้วกด Tab เพื่อเปลี่ยนเป็นเวลาได้ทันทีโดยไม่ต้องรอเมนูขึ้นครับ