Syntax Sublime Text ที่ควรจำ
![]() |
Syntax Sublime Text ที่ควรจำ |
ผมชอบส่วนของ open folder และมี package หลากหลายที่สามารถติดตั้งเพิ่มเติม และเลือกธึมหลากหลายอีก ดีจริงๆ
วันนี้ใช้งานไปเรื่อยๆ จะพิมพ์ code เองหมด มันก็เมื่อยมากครับ วันนี้เลยจะมาพูดถึงเจ้า Package Emmet ที่ผมชอบใช้มันเรื่อยๆ ถือว่าช่วยได้เยอะครับ ใครที่ไม่คล่องเรื่องความจำหรือขี้ลืมไปหน่อย ใช้เจ้านี้ได้เลยครับ จำ code ได้ตัวสองตัวมันจะช่วยเอง ฮ่าๆ
Emmet จะใช้งานโดยการพิมพ์ syntax ที่เขาระบุไว้ หลังจากนั้นก็กด Tab ที่ Keyboard เท่านี้แหละครับ ง่ายไหมครับ ตัวอย่างเช่น ผมพิมพ์ ! แล้วกด tab ก็จะได้ผลลัพท์ดังภาพครับ
ถ้ามาเสียเวลานั้่งพิมพ์เองทั้งหมดก็ใช่เรื่องนะครับ ฮ่าๆ อ้ออีกอย่างนะครับใครที่ new->file แล้วพิมพ์ ! แล้วกด Tab แล้วไม่ขึ้นนี่ผมอยากให้ตั้งค่าไฟล์นั้น หรือ Set:Syntax ก่อนนะครับ โดยการกดคีย์ลัด Ctrl+Shif+P ครับ ใช้เรื่อยๆเดี๋ยวก้อชินครับ
วันนี้เลยอยากจะแนะนำ syntax ที่ใช้กันบ่อยๆ เช่น
- ! ใช้ เป็น Tag HTML เบื้องต้น
- html:5 ใช้ เป็น Tag HTML5
- ul+ ใช้เพื่อ Tag ul->li ครับ ได้ li มาด้วย
- table+ ใช้ เพื่อ Tag Table
ฝึกฝนและใช้งานบ่อยๆ เดี๋ยวก็ชินมือเองครับ